Limit ferdigstilling to once per browser-session

Author: AudunSorheim

src/components/Aktivitetskrav.tsx

@@ -1,6 +1,6 @@
 import { AktivitetskravVurdering } from "@/schema/aktivitetskravVurderingSchema";
-import { ForhandsvarselComponent } from "@/components/ForhandsvarselComponent";
-import { AktivitetskravInfoComponent } from "@/components/AktivitetskravInfoComponent";
+import { AktivitetskravInfoComponent } from "@/components/view/AktivitetskravInfoComponent";
+import { ForhandsvarselComponent } from "@/components/view/ForhandsvarselComponent";
 
 interface Props {
   aktivitetskrav: AktivitetskravVurdering;
@@ -11,14 +11,7 @@ export const Aktivitetskrav = ({ aktivitetskrav }: Props) => {
       if (!aktivitetskrav.document) {
         return <AktivitetskravInfoComponent />;
       }
-      return (
-        <ForhandsvarselComponent
-          fristDato={aktivitetskrav.fristDato}
-          document={aktivitetskrav.document}
-          sistVurdert={aktivitetskrav.sistVurdert}
-          journalpostId={aktivitetskrav.journalpostId}
-        />
-      );
+      return <ForhandsvarselComponent document={aktivitetskrav.document} />;
     }
     default: {
       return <AktivitetskravInfoComponent />;

src/components/AktivitetskravInfoComponent.tsx src/components/view/AktivitetskravInfoComponent.tsx

@@ -3,20 +3,17 @@ import { Page } from "@/components/page/Page";
 import { useState } from "react";
 import { MedUtenArbeidsgiverToggleGroup } from "@/components/aktivitetskrav/MedUtenArbeidsgiverToggleGroup";
 import { AktivitetskravInfo } from "@/components/aktivitetskrav/AktivitetskravInfo";
-import { Link } from "@navikt/ds-react";
 
-export type MedUtenAGVisning = "MED_ARBEIDSGIVER" | "UTEN_ARBEIDSGIVER"
+export type MedUtenAGVisning = "MED_ARBEIDSGIVER" | "UTEN_ARBEIDSGIVER";
 
 export const AktivitetskravInfoComponent = () => {
-  const [visning, setVisning] = useState<MedUtenAGVisning>("MED_ARBEIDSGIVER")
+  const [visning, setVisning] = useState<MedUtenAGVisning>("MED_ARBEIDSGIVER");
 
   return (
     <Page headerText="Informasjon om aktivitetsplikt" image={visning}>
       <MedUtenArbeidsgiverToggleGroup setVisning={setVisning} />
 
-      <AktivitetskravInfo
-        harArbeidsgiver={visning === "MED_ARBEIDSGIVER"}
-      />
+      <AktivitetskravInfo harArbeidsgiver={visning === "MED_ARBEIDSGIVER"} />
     </Page>
-  )
-}
+  );
+};

src/components/ForhandsvarselComponent.tsx src/components/view/ForhandsvarselComponent.tsx

@@ -5,20 +5,20 @@ import { useEffect } from "react";
 import { post } from "@/data/api";
 
 interface Props {
-  journalpostId?: String;
-  sistVurdert: String;
-  fristDato: String;
   document?: DocumentComponent[] | null;
 }
 
-export const ForhandsvarselComponent = ({
-  journalpostId,
-  sistVurdert,
-  fristDato,
-  document,
-}: Props) => {
+const ferdigstiltSessionStorageKey = "ferdigstilt-forhandsvarsel";
+
+export const ForhandsvarselComponent = ({ document }: Props) => {
   useEffect(() => {
-    post(`${process.env.NEXT_PUBLIC_ESYFO_PROXY_API_URL!}/les`);
+    const hasAlreadyFerdigstilt = sessionStorage.getItem(
+      ferdigstiltSessionStorageKey,
+    );
+    if (!hasAlreadyFerdigstilt) {
+      post(`${process.env.NEXT_PUBLIC_ESYFO_PROXY_API_URL!}/les`);
+      sessionStorage.setItem(ferdigstiltSessionStorageKey, "true");
+    }
   }, []);
 
   return (