diff --git a/src/komponenter/header/header-regular/common/sok/Sok.tsx b/src/komponenter/header/header-regular/common/sok/Sok.tsx index 7bf679023..9b0f76705 100644 --- a/src/komponenter/header/header-regular/common/sok/Sok.tsx +++ b/src/komponenter/header/header-regular/common/sok/Sok.tsx @@ -132,6 +132,7 @@ const Sok = (props: Props) => { result && searchInput.length > 2 && ( @@ -31,11 +33,9 @@ const removeDuplicates = (items: Soketreff[]) => ); export const SokResultater = (props: Props) => { - const { language, fetchError } = props; - const { writtenInput, result, numberOfResults } = props; + const { language, fetchError, audience, writtenInput, result, numberOfResults } = props; const { XP_BASE_URL } = useSelector((state: AppState) => state.environment); const itemsFiltered = removeDuplicates(result.hits) || result.hits; - const itemsSpliced = itemsFiltered.slice(0, numberOfResults); const dispatch = useDispatch(); return ( @@ -47,6 +47,18 @@ export const SokResultater = (props: Props) => { )} + {!fetchError && ( + <> + + {result.total} {finnTekst('sok-resultater', language)} + {' for '} «{`${writtenInput}`}» {' for '} + {finnTekst('sok-audience', language, audience)} + + + {`${finnTekst('sok-alle-treff', language)} `} + + + )} {!fetchError && itemsFiltered.length ? ( ) : null} - - {!fetchError && itemsFiltered.length ? ( -
-
- {finnTekst('sok-viser', language)} {itemsSpliced.length} {finnTekst('sok-av', language)}{' '} - {result.total} {finnTekst('sok-resultater', language)} -
- {result.total > itemsFiltered.length && ( - {`${finnTekst( - 'se-alle-treff', - language - )} ("${writtenInput}")`} - )} -
- ) : null} - - {!fetchError && !itemsFiltered.length && ( -
- -
+ {result.total > itemsFiltered.length && ( + + {finnTekst('sok-flere-treff', language)} + {} + )} ); diff --git a/src/tekster/ledetekster.ts b/src/tekster/ledetekster.ts index 82e464dc8..c97151e37 100644 --- a/src/tekster/ledetekster.ts +++ b/src/tekster/ledetekster.ts @@ -122,24 +122,24 @@ export const ledetekster = { 'sok-knapp-sokefelt': (input: string) => `Søk i innhold for ${input}`, 'sok-knapp-sokefelt-en': 'Search nav.no', 'sok-knapp-sokefelt-se': 'Oza nav.no', + 'sok-audience': (input: string) => ` ${input}`, + 'sok-audience-en': (input: string) => ` ${input}`, + 'sok-audience-se': (input: string) => ` ${input}`, 'sok-input-label': 'Søk', 'sok-input-label-en': 'Search', 'sok-input-label-se': 'Ohcat', - 'sok-ingen-treff': 'Ingen treff for', - 'sok-ingen-treff-en': 'No hits for', - 'sok-ingen-treff-se': 'Ingen treff for', - 'sok-viser': 'Viser', - 'sok-viser-en': 'Showing', - 'sok-viser-se': 'Viser', + 'sok-flere-treff': 'Flere treff', + 'sok-flere-treff-en': 'More hits', + 'sok-flere-treff-se': 'Flere treff', 'sok-av': 'av', 'sok-av-en': 'of', 'sok-av-se': 'av', - 'sok-resultater': 'resultater', - 'sok-resultater-en': 'result', - 'sok-resultater-se': 'resultater', - 'se-alle-treff': 'Se alle treff', - 'se-alle-treff-en': 'See all hits', - 'se-alle-treff-se': 'Se alle treff', + 'sok-resultater': 'treff', + 'sok-resultater-en': 'hits', + 'sok-resultater-se': 'treff', + 'sok-alle-treff': 'Endre søkefilter for å se andre treff', + 'sok-alle-treff-en': 'Change search filter to see other hits', + 'sok-alle-treff-se': 'Endre søkefilter for å se andre treff', 'tilbake-til-overskrift': 'Tilbake til oversikt', 'tilbake-til-overskrift-en': 'Back to menu', 'tilbake-til-overskrift-se': 'Tilbake til oversikt',