♻️ Trekk ut alle ikoner for historikkhendelser til HendelseIkon.tsx

navelgen · navelgen · commit 09f81c714956 · 2025-02-25T14:01:57.000+01:00
diff --git a/src/components/Kilde.tsx b/src/components/Kilde.tsx
@@ -4,7 +4,7 @@ import React, { PropsWithChildren, ReactElement } from 'react';
 import { Tooltip } from '@navikt/ds-react';
 
 import { Inntektskilde } from '@io/graphql';
-import { Kildetype, getKildetekst, getKildetype } from '@saksbilde/historikk/hendelser/dokument/dokument';
+import { Kildetype } from '@saksbilde/historikk/hendelser/dokument/dokument';
 
 import styles from './Kilde.module.scss';
 
@@ -76,11 +76,3 @@ export const Kilde = ({ type, children, className }: PropsWithChildren<KildeProp
         </div>
     </Tooltip>
 );
-
-export const InntektsmeldingKildeIkon = (): ReactElement => (
-    <Kilde type={getKildetype('Inntektsmelding')}>{getKildetekst('Inntektsmelding')}</Kilde>
-);
-
-export const SøknadKildeIkon = (): ReactElement => (
-    <Kilde type={getKildetype('Søknad')}>{getKildetekst('Søknad')}</Kilde>
-);
diff --git a/src/routes/saksbilde/historikk/hendelser/AnnetArbeidsforholdoverstyringhendelse.tsx b/src/routes/saksbilde/historikk/hendelser/AnnetArbeidsforholdoverstyringhendelse.tsx
@@ -1,12 +1,10 @@
 import React, { ReactElement } from 'react';
 
-import { PersonPencilFillIcon } from '@navikt/aksel-icons';
 import { BodyShort } from '@navikt/ds-react';
 
 import { BodyShortWithPreWrap } from '@components/BodyShortWithPreWrap';
-import { Kilde } from '@components/Kilde';
 import { AnonymizableTextWithEllipsis } from '@components/anonymizable/AnonymizableText';
-import { Inntektskilde } from '@io/graphql';
+import { HistorikkKildeSaksbehandlerIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { HistorikkSection } from '@saksbilde/historikk/komponenter/HistorikkSection';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { AnnetArbeidsforholdoverstyringhendelseObject } from '@typer/historikk';
@@ -25,11 +23,7 @@ export const AnnetArbeidsforholdoverstyringhendelse = ({
 }: AnnetArbeidsforholdoverstyringhendelseProps): ReactElement => {
     return (
         <Historikkhendelse
-            icon={
-                <Kilde type={Inntektskilde.Saksbehandler}>
-                    <PersonPencilFillIcon title="Saksbehandler ikon" />
-                </Kilde>
-            }
+            icon={<HistorikkKildeSaksbehandlerIkon />}
             title={
                 erDeaktivert
                     ? `Annet arbeidsforhold brukes ikke i beregningen`
diff --git a/src/routes/saksbilde/historikk/hendelser/Arbeidsforholdoverstyringhendelse.tsx b/src/routes/saksbilde/historikk/hendelser/Arbeidsforholdoverstyringhendelse.tsx
@@ -1,11 +1,9 @@
 import React, { ReactElement } from 'react';
 
-import { PersonPencilFillIcon } from '@navikt/aksel-icons';
 import { BodyShort } from '@navikt/ds-react';
 
 import { BodyShortWithPreWrap } from '@components/BodyShortWithPreWrap';
-import { Kilde } from '@components/Kilde';
-import { Inntektskilde } from '@io/graphql';
+import { HistorikkKildeSaksbehandlerIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { HistorikkSection } from '@saksbilde/historikk/komponenter/HistorikkSection';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { ArbeidsforholdoverstyringhendelseObject } from '@typer/historikk';
@@ -23,11 +21,7 @@ export const Arbeidsforholdoverstyringhendelse = ({
 }: ArbeidsforholdoverstyringhendelseProps): ReactElement => {
     return (
         <Historikkhendelse
-            icon={
-                <Kilde type={Inntektskilde.Saksbehandler}>
-                    <PersonPencilFillIcon title="Saksbehandler ikon" />
-                </Kilde>
-            }
+            icon={<HistorikkKildeSaksbehandlerIkon />}
             title={erDeaktivert ? 'Brukes ikke i beregningen' : 'Brukes i beregningen'}
             timestamp={timestamp}
             saksbehandler={saksbehandler}
diff --git a/src/routes/saksbilde/historikk/hendelser/ArbeidstidVurderthendelse.tsx b/src/routes/saksbilde/historikk/hendelser/ArbeidstidVurderthendelse.tsx
@@ -1,12 +1,10 @@
 import dayjs from 'dayjs';
 import React, { ReactElement } from 'react';
 
-import { PersonPencilFillIcon } from '@navikt/aksel-icons';
 import { BodyShort } from '@navikt/ds-react';
 
 import { BodyShortWithPreWrap } from '@components/BodyShortWithPreWrap';
-import { Kilde } from '@components/Kilde';
-import { Inntektskilde } from '@io/graphql';
+import { HistorikkKildeSaksbehandlerIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { HistorikkSection } from '@saksbilde/historikk/komponenter/HistorikkSection';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { MinimumSykdomsgradhendelseObject } from '@typer/historikk';
@@ -20,11 +18,7 @@ export const ArbeidstidVurderthendelse = ({
     minimumSykdomsgrad,
 }: ArbeidstidVurderthendelseProps): ReactElement => (
     <Historikkhendelse
-        icon={
-            <Kilde type={Inntektskilde.Saksbehandler}>
-                <PersonPencilFillIcon title="Saksbehandler ikon" />
-            </Kilde>
-        }
+        icon={<HistorikkKildeSaksbehandlerIkon />}
         title="Arbeidstid vurdert"
         timestamp={timestamp}
         saksbehandler={saksbehandler}
diff --git a/src/routes/saksbilde/historikk/hendelser/Dagoverstyringhendelse.tsx b/src/routes/saksbilde/historikk/hendelser/Dagoverstyringhendelse.tsx
@@ -1,11 +1,10 @@
 import React, { ReactElement } from 'react';
 
-import { PersonPencilFillIcon } from '@navikt/aksel-icons';
 import { BodyShort, VStack } from '@navikt/ds-react';
 
 import { BodyShortWithPreWrap } from '@components/BodyShortWithPreWrap';
-import { Kilde } from '@components/Kilde';
-import { Inntektskilde, OverstyrtDag } from '@io/graphql';
+import { OverstyrtDag } from '@io/graphql';
+import { HistorikkKildeSaksbehandlerIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { HistorikkSection } from '@saksbilde/historikk/komponenter/HistorikkSection';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { DagoverstyringhendelseObject } from '@typer/historikk';
@@ -60,11 +59,7 @@ export const Dagoverstyringhendelse = ({
     dager,
 }: DagoverstyringhendelseProps): ReactElement => (
     <Historikkhendelse
-        icon={
-            <Kilde type={Inntektskilde.Saksbehandler}>
-                <PersonPencilFillIcon title="Saksbehandler ikon" />
-            </Kilde>
-        }
+        icon={<HistorikkKildeSaksbehandlerIkon />}
         title={erRevurdering ? 'Dager revurdert' : 'Dager endret'}
         timestamp={timestamp}
         saksbehandler={saksbehandler}
diff --git a/src/routes/saksbilde/historikk/hendelser/InntektHentetFraAordningenhendelse.tsx b/src/routes/saksbilde/historikk/hendelser/InntektHentetFraAordningenhendelse.tsx
@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
 
-import { Kilde } from '@components/Kilde';
+import { HistorikkKildeInntektHentetFraAordningenIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { DateString } from '@typer/shared';
 
@@ -12,7 +12,7 @@ export const InntektHentetFraAordningenhendelse = ({
     timestamp,
 }: InntektHentetFraAordningenhendelseProps): ReactElement => (
     <Historikkhendelse
-        icon={<Kilde type="InntektHentetFraAordningen">AO</Kilde>}
+        icon={<HistorikkKildeInntektHentetFraAordningenIkon />}
         title="Inntekt hentet fra A-ordningen"
         timestamp={timestamp}
     />
diff --git a/src/routes/saksbilde/historikk/hendelser/Inntektoverstyringhendelse.tsx b/src/routes/saksbilde/historikk/hendelser/Inntektoverstyringhendelse.tsx
@@ -8,6 +8,7 @@ import { BodyShort } from '@navikt/ds-react';
 import { BodyShortWithPreWrap } from '@components/BodyShortWithPreWrap';
 import { Kilde } from '@components/Kilde';
 import { Inntektskilde, Refusjonsopplysning } from '@io/graphql';
+import { HistorikkKildeSaksbehandlerIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { HistorikkSection } from '@saksbilde/historikk/komponenter/HistorikkSection';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { InntektoverstyringhendelseObject } from '@typer/historikk';
@@ -28,11 +29,7 @@ export const Inntektoverstyringhendelse = ({
         <>
             {inntekt.fraManedligInntekt !== inntekt.manedligInntekt && (
                 <Historikkhendelse
-                    icon={
-                        <Kilde type={Inntektskilde.Saksbehandler}>
-                            <PersonPencilFillIcon title="Saksbehandler ikon" />
-                        </Kilde>
-                    }
+                    icon={<HistorikkKildeSaksbehandlerIkon />}
                     title={erRevurdering ? 'Månedsinntekt revurdert' : 'Månedsinntekt endret'}
                     timestamp={timestamp}
                     saksbehandler={saksbehandler}
diff --git a/src/routes/saksbilde/historikk/hendelser/InntektsmeldingMottatthendelse.tsx b/src/routes/saksbilde/historikk/hendelser/InntektsmeldingMottatthendelse.tsx
@@ -3,8 +3,8 @@ import React, { ReactElement } from 'react';
 import { ChevronLeftCircleIcon, ChevronRightCircleIcon } from '@navikt/aksel-icons';
 import { Button } from '@navikt/ds-react';
 
-import { InntektsmeldingKildeIkon } from '@components/Kilde';
 import { PersonFragment } from '@io/graphql';
+import { HistorikkKildeInntektsmeldingIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { DateString } from '@typer/shared';
 
@@ -41,7 +41,7 @@ export const InntektsmeldingMottatthendelse = ({
 
     return (
         <Historikkhendelse
-            icon={<InntektsmeldingKildeIkon />}
+            icon={<HistorikkKildeInntektsmeldingIkon />}
             title="Inntektsmelding mottatt"
             kontekstknapp={
                 <Button
diff --git a/src/routes/saksbilde/historikk/hendelser/MeldingOmVedtakhendelse.tsx b/src/routes/saksbilde/historikk/hendelser/MeldingOmVedtakhendelse.tsx
@@ -3,8 +3,8 @@ import React, { ReactElement } from 'react';
 import { ExternalLinkIcon } from '@navikt/aksel-icons';
 import { Button } from '@navikt/ds-react';
 
-import { Kilde } from '@components/Kilde';
 import { hoppTilModia } from '@components/SystemMenu';
+import { HistorikkKildeVedtakIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { DateString } from '@typer/shared';
 
@@ -20,7 +20,7 @@ export const MeldingOmVedtakhendelse = ({
     timestamp,
 }: MeldingOmVedtakhendelseProps): ReactElement => (
     <Historikkhendelse
-        icon={<Kilde type="VEDTAK">MV</Kilde>}
+        icon={<HistorikkKildeVedtakIkon />}
         title="Melding om vedtak"
         kontekstknapp={
             <Button
diff --git a/src/routes/saksbilde/historikk/hendelser/SykepengegrunnlagSkjønnsfastsatthendelse.tsx b/src/routes/saksbilde/historikk/hendelser/SykepengegrunnlagSkjønnsfastsatthendelse.tsx
@@ -1,13 +1,12 @@
 import React, { Fragment, ReactElement } from 'react';
 
-import { PersonPencilFillIcon } from '@navikt/aksel-icons';
 import { BodyShort } from '@navikt/ds-react';
 
 import { BodyShortWithPreWrap } from '@components/BodyShortWithPreWrap';
-import { Kilde } from '@components/Kilde';
 import { AnonymizableText } from '@components/anonymizable/AnonymizableText';
-import { Inntektskilde, Maybe, Skjonnsfastsettingstype } from '@io/graphql';
+import { Maybe, Skjonnsfastsettingstype } from '@io/graphql';
 import { Expandable } from '@saksbilde/historikk/komponenter/Expandable';
+import { HistorikkKildeSaksbehandlerIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { HistorikkSection } from '@saksbilde/historikk/komponenter/HistorikkSection';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { SykepengegrunnlagskjonnsfastsettinghendelseObject } from '@typer/historikk';
@@ -41,11 +40,7 @@ export const SykepengegrunnlagSkjønnsfastsatthendelse = ({
     arbeidsgivere,
 }: SykepengegrunnlagSkjønnsfastsatthendelseProps): ReactElement => (
     <Historikkhendelse
-        icon={
-            <Kilde type={Inntektskilde.Saksbehandler}>
-                <PersonPencilFillIcon title="Saksbehandler ikon" />
-            </Kilde>
-        }
+        icon={<HistorikkKildeSaksbehandlerIkon />}
         title="Sykepengegrunnlag skjønnsfastsatt"
         timestamp={timestamp}
         saksbehandler={saksbehandler}
diff --git a/src/routes/saksbilde/historikk/hendelser/SykmeldingMottatthendelse.tsx b/src/routes/saksbilde/historikk/hendelser/SykmeldingMottatthendelse.tsx
@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
 
-import { Kilde } from '@components/Kilde';
+import { HistorikkKildeSykmeldingIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { DateString } from '@typer/shared';
 
@@ -9,5 +9,5 @@ type SykmeldingMottatthendelseProps = {
 };
 
 export const SykmeldingMottatthendelse = ({ timestamp }: SykmeldingMottatthendelseProps): ReactElement => (
-    <Historikkhendelse icon={<Kilde type="Sykmelding">SM</Kilde>} title="Sykmelding mottatt" timestamp={timestamp} />
+    <Historikkhendelse icon={<HistorikkKildeSykmeldingIkon />} title="Sykmelding mottatt" timestamp={timestamp} />
 );
diff --git a/src/routes/saksbilde/historikk/hendelser/SøknadMottatthendelse.tsx b/src/routes/saksbilde/historikk/hendelser/SøknadMottatthendelse.tsx
@@ -3,7 +3,7 @@ import React, { ReactElement } from 'react';
 import { ChevronLeftCircleIcon, ChevronRightCircleIcon } from '@navikt/aksel-icons';
 import { Button } from '@navikt/ds-react';
 
-import { SøknadKildeIkon } from '@components/Kilde';
+import { HistorikkKildeSøknadIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { DateString } from '@typer/shared';
 
@@ -40,7 +40,7 @@ export const SøknadMottatthendelse = ({
 
     return (
         <Historikkhendelse
-            icon={<SøknadKildeIkon />}
+            icon={<HistorikkKildeSøknadIkon />}
             title="Søknad mottatt"
             kontekstknapp={
                 <Button
diff --git a/src/routes/saksbilde/historikk/hendelser/VedtakBegrunnelsehendelse.tsx b/src/routes/saksbilde/historikk/hendelser/VedtakBegrunnelsehendelse.tsx
@@ -1,11 +1,10 @@
 import React, { ReactElement } from 'react';
 
-import { PersonPencilFillIcon } from '@navikt/aksel-icons';
 import { BodyShort } from '@navikt/ds-react';
 
 import { BodyShortWithPreWrap } from '@components/BodyShortWithPreWrap';
-import { Kilde } from '@components/Kilde';
-import { Inntektskilde, VedtakUtfall } from '@io/graphql';
+import { VedtakUtfall } from '@io/graphql';
+import { HistorikkKildeSaksbehandlerIkon } from '@saksbilde/historikk/komponenter/HendelseIkon';
 import { HistorikkSection } from '@saksbilde/historikk/komponenter/HistorikkSection';
 import { Historikkhendelse } from '@saksbilde/historikk/komponenter/Historikkhendelse';
 import { VedtakBegrunnelseObject } from '@typer/historikk';
@@ -20,11 +19,7 @@ export const VedtakBegrunnelsehendelse = ({
 }: VedtakBegrunnelsehendelseProps): ReactElement => {
     return (
         <Historikkhendelse
-            icon={
-                <Kilde type={Inntektskilde.Saksbehandler}>
-                    <PersonPencilFillIcon />
-                </Kilde>
-            }
+            icon={<HistorikkKildeSaksbehandlerIkon />}
             title="Individuell begrunnelse"
             timestamp={timestamp}
             saksbehandler={saksbehandler}
diff --git a/src/routes/saksbilde/historikk/komponenter/HendelseIkon.tsx b/src/routes/saksbilde/historikk/komponenter/HendelseIkon.tsx
@@ -6,10 +6,15 @@ import {
     ChatIcon,
     CheckmarkCircleIcon,
     PaperplaneIcon,
+    PersonPencilFillIcon,
     TimerPauseIcon,
     XMarkOctagonIcon,
 } from '@navikt/aksel-icons';
 
+import { Kilde } from '@components/Kilde';
+import { Inntektskilde } from '@io/graphql';
+import { getKildetekst, getKildetype } from '@saksbilde/historikk/hendelser/dokument/dokument';
+
 import styles from './HendelseIkon.module.css';
 
 export const HistorikkArrowSquarepathIkon = (): ReactElement => <ArrowsSquarepathIcon className={styles.ikon} />;
@@ -25,3 +30,25 @@ export const HistorikkPaperplaneIkon = (): ReactElement => <PaperplaneIcon class
 export const HistorikkTimerPauseIkon = (): ReactElement => <TimerPauseIcon className={styles.ikon} />;
 
 export const HistorikkXMarkOctagonIkon = (): ReactElement => <XMarkOctagonIcon className={styles.ikon} />;
+
+export const HistorikkKildeSaksbehandlerIkon = (): ReactElement => (
+    <Kilde type={Inntektskilde.Saksbehandler}>
+        <PersonPencilFillIcon title="Saksbehandler ikon" />
+    </Kilde>
+);
+
+export const HistorikkKildeInntektHentetFraAordningenIkon = (): ReactElement => (
+    <Kilde type="InntektHentetFraAordningen">AO</Kilde>
+);
+
+export const HistorikkKildeVedtakIkon = (): ReactElement => <Kilde type="VEDTAK">MV</Kilde>;
+
+export const HistorikkKildeSykmeldingIkon = (): ReactElement => <Kilde type="Sykmelding">SM</Kilde>;
+
+export const HistorikkKildeInntektsmeldingIkon = (): ReactElement => (
+    <Kilde type={getKildetype('Inntektsmelding')}>{getKildetekst('Inntektsmelding')}</Kilde>
+);
+
+export const HistorikkKildeSøknadIkon = (): ReactElement => (
+    <Kilde type={getKildetype('Søknad')}>{getKildetekst('Søknad')}</Kilde>
+);
