send med språk

Author: bdahle

src/components/_common/office-details/OfficeDetails.tsx

@@ -3,7 +3,6 @@ import { classNames } from 'utils/classnames';
 import { translator } from 'translations';
 import { Reception } from './reception/Reception';
 import { OfficeDetailsData } from 'types/content-props/office-details-props';
-import { usePageConfig } from 'store/hooks/usePageConfig';
 import { PhonePoster } from './phonePoster/PhonePoster';
 import { OfficeInformation } from './officeInformation/OfficeInformation';
 import { forceArray } from 'utils/arrays';
@@ -15,7 +14,7 @@ export interface OfficeDetailsProps {
 }
 
 export const OfficeDetails = ({ officeData }: OfficeDetailsProps) => {
-    const { language } = usePageConfig();
+    const language = 'no'; //Kontorsidene er per nå kun på bokmål
     const { brukerkontakt } = officeData;
     const getOfficeTranslations = translator('office', language);
 
@@ -30,7 +29,7 @@ export const OfficeDetails = ({ officeData }: OfficeDetailsProps) => {
                     {getOfficeTranslations('youFindUsHere')}
                 </Heading>
                 {publikumsmottak.length > 0 && (
-                    <Reception receptions={publikumsmottak} />
+                    <Reception receptions={publikumsmottak} language={'no'} />
                 )}
                 <PhonePoster officeData={officeData} />
                 <OfficeInformation officeData={officeData} />

src/components/_common/office-details/reception/OpeningHours.tsx

@@ -1,18 +1,17 @@
 import React from 'react';
-import { usePageConfig } from 'store/hooks/usePageConfig';
 import { translator } from 'translations';
 import { formatDate } from 'utils/datetime';
-import { OpeningHours as OpeningHoursProps } from './utils/types';
+import { Language, OpeningHours as OpeningHoursProps } from './utils/types';
 import { Table } from '@navikt/ds-react';
 
 import styles from './OpeningHours.module.scss';
 
 type Props = {
     openingHours: OpeningHoursProps[];
+    language: Language;
 };
 
-export const OpeningHours = ({ openingHours }: Props) => {
-    const { language } = usePageConfig();
+export const OpeningHours = ({ openingHours, language }: Props) => {
     const getOfficeTranslations = translator('office', language);
     const getDateTimeTranslations = translator('dateTime', language);
 

src/components/_common/office-details/reception/Reception.tsx

@@ -1,20 +1,19 @@
 import React, { useState } from 'react';
 import { BodyLong, Tabs } from '@navikt/ds-react';
-import { AudienceReception } from './utils/types';
+import { AudienceReception, Language } from './utils/types';
 
 import { SingleReception } from './SingleReception';
 import { translator } from 'translations';
-import { usePageConfig } from 'store/hooks/usePageConfig';
 
 import styles from './Reception.module.scss';
 import { forceArray } from 'utils/arrays';
 
 interface LocationsProps {
     receptions: AudienceReception[] | AudienceReception;
+    language: Language;
 }
 
-export const Reception = ({ receptions }: LocationsProps) => {
-    const { language } = usePageConfig();
+export const Reception = ({ receptions, language }: LocationsProps) => {
     const receptionArray = forceArray(receptions);
     const getOfficeTranslations = translator('office', language);
 

src/components/_common/office-details/reception/SingleReception.tsx

@@ -5,10 +5,10 @@ import {
     HouseFillIcon,
 } from '@navikt/aksel-icons';
 import { classNames } from 'utils/classnames';
-import { usePageConfig } from 'store/hooks/usePageConfig';
 import { translator } from 'translations';
 import {
     AudienceReception,
+    Language,
     OpeningHours as OpeningHoursProps,
 } from './utils/types';
 import { formatAddress } from '../utils';
@@ -24,9 +24,10 @@ interface FormattedAudienceReception {
     place: string;
 }
 
-export const SingleReception = (props: AudienceReception) => {
-    const { language } = usePageConfig();
-
+export const SingleReception = (
+    props: AudienceReception,
+    language: Language
+) => {
     const getLabel = translator('office', language);
 
     const dagArr: string[] = [
@@ -124,15 +125,21 @@ export const SingleReception = (props: AudienceReception) => {
                         />
                         {getLabel('openingHoursWithoutAppointment')}
                     </Heading>
-                    <OpeningHours openingHours={openingHours} />
+                    <OpeningHours
+                        openingHours={openingHours}
+                        language={language}
+                    />
                 </>
             )}
             {futureOpeningHoursExceptions.length > 0 && (
                 <>
                     <Heading level="3" size="medium" spacing>
                         {getLabel('specialOpeningHours')}
                     </Heading>
-                    <OpeningHours openingHours={futureOpeningHoursExceptions} />
+                    <OpeningHours
+                        openingHours={futureOpeningHoursExceptions}
+                        language={language}
+                    />
                 </>
             )}
             <div className={styles.appointmentBookingInfo}>

src/components/_common/office-details/reception/utils/types.ts

@@ -25,3 +25,5 @@ export interface AudienceReception {
     besoeksadresse?: Address;
     adkomstbeskrivelse?: string;
 }
+
+export type Language = 'no' | 'nn' | 'en';