From 8be393633a44e280cc57a1f581a98abefeb7b908 Mon Sep 17 00:00:00 2001
From: Viktor Solberg <viktorgsolberg@gmail.com>
Date: Wed, 25 Sep 2024 13:43:46 +0200
Subject: [PATCH] =?UTF-8?q?skal=20kunne=20sende=20inn=20egendefinert=20vis?=
 =?UTF-8?q?ning=20dersom=20s=C3=B8k=20p=C3=A5=20person=20ikke=20returnerer?=
 =?UTF-8?q?=20en=20fagsakId?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/s\303\270k/S\303\270k.tsx"            |  5 +++-
 .../src/s\303\270k/S\303\270keresultat.tsx"   | 25 +++++++++++++------
 .../src/s\303\270k/S\303\270keresultater.tsx" |  5 +++-
 3 files changed, 25 insertions(+), 10 deletions(-)

diff --git "a/packages/familie-header/src/s\303\270k/S\303\270k.tsx" "b/packages/familie-header/src/s\303\270k/S\303\270k.tsx"
index 8070a1e55..913ab9fce 100644
--- "a/packages/familie-header/src/s\303\270k/S\303\270k.tsx"
+++ "b/packages/familie-header/src/s\303\270k/S\303\270k.tsx"
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import styled from 'styled-components';
 import '@navikt/ds-css';
 import { Ressurs, RessursStatus } from '@navikt/familie-typer/dist';
@@ -20,6 +20,7 @@ export interface SøkProps {
     søkeresultatOnClick: (søkResultat: ISøkeresultat) => void;
     placeholder?: string;
     size?: 'small' | 'medium';
+    ingenFagsakKomponent?: ReactNode;
 }
 
 const SøkContainer = styled.div`
@@ -43,6 +44,7 @@ export const Søk = ({
     placeholder,
     label,
     size = 'small',
+    ingenFagsakKomponent,
 }: SøkProps) => {
     const {
         ankerRef,
@@ -106,6 +108,7 @@ export const Søk = ({
                             søkeresultatOnClick={søkeresultatOnClick}
                             søkeresultater={søkeresultater}
                             valgtSøkeresultat={valgtSøkeresultat}
+                            ingenFagsakKomponent={ingenFagsakKomponent}
                         />
                     </Popover.Content>
                 </Popover>
diff --git "a/packages/familie-header/src/s\303\270k/S\303\270keresultat.tsx" "b/packages/familie-header/src/s\303\270k/S\303\270keresultat.tsx"
index fa5f34587..c546a0a97 100644
--- "a/packages/familie-header/src/s\303\270k/S\303\270keresultat.tsx"
+++ "b/packages/familie-header/src/s\303\270k/S\303\270keresultat.tsx"
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 
 import styled from 'styled-components';
 import { adressebeskyttelsestyper } from '@navikt/familie-typer';
@@ -18,6 +18,7 @@ interface Props {
     søkeresultater: ISøkeresultat[];
     valgtSøkeresultat: number;
     settValgtSøkeresultat: (søkeresultatIndex: number) => void;
+    ingenFagsakKomponent?: ReactNode;
 }
 
 const ResultatListe = styled.ul`
@@ -31,6 +32,7 @@ const ResultatListeElement = styled.li<{ $fokus: boolean }>`
     padding: 0.5rem;
     outline: ${({ $fokus }) => ($fokus ? `3px solid var(--a-orange-300)` : '')};
     border-radius: 8px;
+
     &:hover {
         background-color: var(--a-gray-100);
         cursor: pointer;
@@ -61,6 +63,7 @@ const Søkeresultat: React.FC<Props> = ({
     søkeresultatOnClick,
     søkeresultater,
     valgtSøkeresultat,
+    ingenFagsakKomponent,
 }) => {
     return søkeresultater.length > 0 ? (
         <ResultatListe aria-labelledby={inputId}>
@@ -103,13 +106,9 @@ const Søkeresultat: React.FC<Props> = ({
                                     </BodyShort>
 
                                     {!søkeresultat.fagsakId && søkeresultat.harTilgang && (
-                                        <BodyShort size={'small'}>
-                                            {`Ingen fagsak. ${
-                                                !søkeresultat.fagsakId
-                                                    ? 'Trykk for å opprette >'
-                                                    : ''
-                                            }`}
-                                        </BodyShort>
+                                        <ResultatVisningUtenFagsak
+                                            ingenFagsakKomponent={ingenFagsakKomponent}
+                                        />
                                     )}
                                 </div>
                             </ResultatListeElementKnapp>
@@ -123,4 +122,14 @@ const Søkeresultat: React.FC<Props> = ({
     );
 };
 
+const ResultatVisningUtenFagsak: React.FC<{ ingenFagsakKomponent?: ReactNode }> = ({
+    ingenFagsakKomponent,
+}) => {
+    if (ingenFagsakKomponent) {
+        return ingenFagsakKomponent;
+    }
+
+    return <BodyShort size={'small'}>{`Ingen fagsak. Trykk for å opprette.`}</BodyShort>;
+};
+
 export default Søkeresultat;
diff --git "a/packages/familie-header/src/s\303\270k/S\303\270keresultater.tsx" "b/packages/familie-header/src/s\303\270k/S\303\270keresultater.tsx"
index bbcc30e45..0e8d4b4cc 100644
--- "a/packages/familie-header/src/s\303\270k/S\303\270keresultater.tsx"
+++ "b/packages/familie-header/src/s\303\270k/S\303\270keresultater.tsx"
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 import styled from 'styled-components';
 import { Ressurs, RessursStatus } from '@navikt/familie-typer';
 import { inputId } from '.';
@@ -15,6 +15,7 @@ interface Props {
     søkeresultater: Ressurs<ISøkeresultat[]>;
     valgtSøkeresultat: number;
     settValgtSøkeresultat: (søkeresultatIndex: number) => void;
+    ingenFagsakKomponent?: ReactNode;
 }
 
 export const StyledAlertStripe = styled(Alert)`
@@ -27,6 +28,7 @@ const Søkeresultater: React.FC<Props> = ({
     søkeresultatOnClick,
     søkeresultater,
     valgtSøkeresultat,
+    ingenFagsakKomponent,
 }) => {
     switch (søkeresultater.status) {
         case RessursStatus.SUKSESS:
@@ -37,6 +39,7 @@ const Søkeresultater: React.FC<Props> = ({
                     settValgtSøkeresultat={settValgtSøkeresultat}
                     formaterResultat={formaterResultat}
                     søkeresultatOnClick={søkeresultatOnClick}
+                    ingenFagsakKomponent={ingenFagsakKomponent}
                 />
             );
         case RessursStatus.FEILET: