From 21554ae0c81aba6bc90cbec68d3a19664bd03498 Mon Sep 17 00:00:00 2001
From: Hallvard Andreas Stark <hallvard@scel.to>
Date: Thu, 19 Sep 2024 13:32:03 +0200
Subject: [PATCH] Forhindrer at det blir dobbelt opp i prosess-soknadsfrist

---
 .../src/components/SoknadsfristVilkarForm.tsx | 48 +++++--------------
 .../src/aksjonspunktBox.module.css            |  3 +-
 2 files changed, 15 insertions(+), 36 deletions(-)

diff --git a/packages/prosess-vilkar-soknadsfrist-v2/src/components/SoknadsfristVilkarForm.tsx b/packages/prosess-vilkar-soknadsfrist-v2/src/components/SoknadsfristVilkarForm.tsx
index c8bd6dd917..3e08f19e87 100644
--- a/packages/prosess-vilkar-soknadsfrist-v2/src/components/SoknadsfristVilkarForm.tsx
+++ b/packages/prosess-vilkar-soknadsfrist-v2/src/components/SoknadsfristVilkarForm.tsx
@@ -191,7 +191,7 @@ export const SoknadsfristVilkarForm = ({
   const AksjonspunktText = () => {
     if (harLøstManueltAksjonspunkt && !editForm) {
       return (
-        <Label size="small" as="p">
+        <Label className="mt-2" size="small" as="p">
           Vurder om søknadsfristvilkåret er oppfylt
         </Label>
       );
@@ -199,52 +199,30 @@ export const SoknadsfristVilkarForm = ({
     if (!isReadOnly) {
       if (harÅpentAksjonspunkt || editForm) {
         return (
-          <AksjonspunktHelpText isAksjonspunktOpen>Vurder om søknadsfristvilkåret er oppfylt</AksjonspunktHelpText>
+          <div className="mt-2">
+            <AksjonspunktHelpText isAksjonspunktOpen>Vurder om søknadsfristvilkåret er oppfylt</AksjonspunktHelpText>
+          </div>
+        );
+      }
+      if (erOverstyrt) {
+        return (
+          <Label className="mt-2" size="small" as="p">
+            Manuell overstyring av automatisk vurdering
+          </Label>
         );
       }
-      return (
-        <Label size="small" as="p">
-          Manuell overstyring av automatisk vurdering
-        </Label>
-      );
     }
     return undefined;
   };
 
   return (
     <Form formMethods={formMethods} onSubmit={handleSubmit}>
-      {!erOverstyrt && dokumenterIAktivPeriode.length > 0 && !editForm && (
-        <div>
-          {Array.isArray(alleDokumenter) &&
-            alleDokumenter.length > 0 &&
-            alleDokumenter.map((field, index) => {
-              const dokument = alleDokumenter.find(dok => dok.journalpostId === field.journalpostId);
-              const documentHash = hash(dokument);
-              return (
-                <SoknadsfristVilkarDokument
-                  key={documentHash}
-                  erAktivtDokument={dokumenterIAktivPeriode.findIndex(d => hash(d) === documentHash) > -1}
-                  skalViseBegrunnelse
-                  readOnly
-                  dokumentIndex={index}
-                  dokument={dokument}
-                  toggleEditForm={toggleEditForm}
-                  dokumentErVurdert={status !== vilkårStatus.IKKE_VURDERT}
-                  periode={periode}
-                  kanEndrePåSøknadsopplysninger={kanEndrePåSøknadsopplysninger}
-                />
-              );
-            })}
-        </div>
-      )}
-
-      {(erOverstyrt || harAksjonspunkt || editForm) && dokumenterIAktivPeriode.length > 0 && (
+      {dokumenterIAktivPeriode.length > 0 && (
         <AksjonspunktBox
           className={styles.aksjonspunktMargin}
           erAksjonspunktApent={erOverstyrt || harÅpentAksjonspunkt || editForm}
         >
-          <AksjonspunktText />
-          <div className="mt-2" />
+          {(erOverstyrt || harÅpentAksjonspunkt || editForm) && <AksjonspunktText />}
           {Array.isArray(alleDokumenter) && alleDokumenter.length > 0
             ? alleDokumenter.map((field, index) => {
                 const dokument = alleDokumenter.find(dok => dok.journalpostId === field.journalpostId);
diff --git a/packages/shared-components/src/aksjonspunktBox.module.css b/packages/shared-components/src/aksjonspunktBox.module.css
index f7f666034b..3b57d10c64 100644
--- a/packages/shared-components/src/aksjonspunktBox.module.css
+++ b/packages/shared-components/src/aksjonspunktBox.module.css
@@ -1,8 +1,9 @@
 .aksjonspunkt {
-  padding: 20px;
+  padding: 0 20px 20px;
 }
 
 .aksjonspunkt.erAksjonspunktApent {
+  padding-top: 20px;
   border: 3px solid #fa3;
   border-radius: 4px;
 }