Merge pull request #383 from navikt/bug/ikke-slett-soknad

Bug/ikke slett soknad

assets/locales/en/translation.json

@@ -110,6 +110,7 @@
       "avbryt": "Cancel",
       "slett": "Delete form"
     },
+    "opptatt": "You can not send in or remove the application until the problems below are solved",
     "beskjedOmAvvik": "Have you experienced problems submitting documentation? Please upload the documentation again and press Submit."
   },
   "filvelger": {

assets/locales/nb/translation.json

@@ -110,7 +110,8 @@
       "avbryt": "Avbryt",
       "slett": "Avbryt og slett"
     },
-    "beskjedOmAvvik": "Får du ikke ettersendt dokumentasjon? Da må du laste opp dokumentasjonen på nytt og trykke Send inn."
+    "beskjedOmAvvik": "Får du ikke ettersendt dokumentasjon? Da må du laste opp dokumentasjonen på nytt og trykke Send inn.",
+    "opptatt": "Du kan ikke sende inn søknad eller slette søknad før problemene under er løst"
   },
   "filvelger": {
     "defaultText": "Velg dine filer"

assets/locales/nn/translation.json

@@ -110,7 +110,8 @@
       "avbryt": "Avbryt",
       "slett": "Avbryt og slett"
     },
-    "beskjedOmAvvik": "Får du ikkje ettersendt dokumentasjon? Då må du lasta opp dokumentasjonen på nytt og trykkja Send inn."
+    "beskjedOmAvvik": "Får du ikkje ettersendt dokumentasjon? Då må du lasta opp dokumentasjonen på nytt og trykkja Send inn.",
+    "opptatt": "Du kan ikkje senda inn søknad eller sletta søknad før problema under er løyste"
   },
   "filvelger": {
     "defaultText": "Velg dine filer"

components/LastOppVedlegg.tsx

@@ -205,8 +205,22 @@ function LastOppVedlegg(props: LastOppVedleggdProps) {
         </Button>
 
         <Button
+          loading={isLoading}
           onClick={() => {
-            openSlettSoknadModal();
+            if (lastOppVedleggHarFeil) {
+              setLastOppVedleggValideringfokus(true);
+              setVisLastOppVedleggFeil(true);
+              return;
+            }
+            setIsLoading(true);
+            ventPaaLagring()
+              .then(() => {
+                openSlettSoknadModal();
+              })
+              .catch(() => console.error('Feil oppsto ved lagring, så kan ikke slette søknad'))
+              .finally(() => {
+                setIsLoading(false);
+              });
           }}
           variant="tertiary"
           data-cy="slettSoknadKnapp"

components/SideValideringProvider.tsx

@@ -1,4 +1,5 @@
 import React, { createContext, useCallback, useContext, useEffect, useReducer, useRef } from 'react';
+import { useTranslation } from 'react-i18next';
 
 import { ErrorSummary } from '@navikt/ds-react';
 
@@ -82,7 +83,9 @@ export const SideValideringProvider = ({
 
   useEffect(() => {
     if (fokus) {
-      errorRef?.current && errorRef.current.focus();
+      if (errorRef.current) {
+        errorRef.current.focus();
+      }
       setFokus(false);
     }
   }, [fokus, setFokus]);
@@ -100,6 +103,9 @@ export const SideValideringProvider = ({
   const slettValidering = useCallback((validering: ValideringsType) => {
     dispatch({ type: ACTIONS.SLETT, validering });
   }, []);
+
+  const { t } = useTranslation();
+
   return (
     <ValideringsContext.Provider
       value={{
@@ -109,11 +115,7 @@ export const SideValideringProvider = ({
       }}
     >
       {harFeil && visValideringsfeil && (
-        <ErrorSummary
-          data-cy="valideringsfeil"
-          heading="Du må fikse disse feilene før du kan sende inn søknad."
-          ref={errorRef}
-        >
+        <ErrorSummary data-cy="valideringsfeil" heading={t('soknad.opptatt')} ref={errorRef}>
           {valideringsFeil.map((validering) => (
             <ErrorSummary.Item key={validering.valideringsId} href={'#' + validering.komponentId}>
               {validering.melding}

components/SoknadModalProvider.tsx

@@ -3,7 +3,6 @@ import { createContext, useCallback, useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { datoOmXDager, formatertDato } from '../utils/dato';
 import { navigerTilMinSide } from '../utils/navigerTilMinSide';
-import { isLospost } from '../utils/soknad';
 import { useErrorMessageContext } from './ErrorMessageProvider';
 import { FellesModal } from './FellesModal';
 import { useLagringsProsessContext } from './LagringsProsessProvider';
@@ -102,7 +101,10 @@ export const SoknadModalProvider = ({ children }: SoknadModalProviderProps) => {
         heading={t('modal.slett.tittel')}
         open={slettSoknadModal}
         setOpen={setSlettSoknadModal}
-        onAccept={slettSoknad}
+        onAccept={async () => {
+          await slettSoknad();
+          setSlettSoknadModal(false);
+        }}
         acceptButtonText={t('modal.slett.accept')}
         cancelButtonText={t('modal.slett.cancel')}
         isLoading={lagrer}

components/VedleggsListe.tsx

@@ -154,10 +154,10 @@ function VedleggsListe({ soknad, setSoknad }: VedleggsListeProps) {
       });
   };
 
-  const slettSoknad = () => {
+  const slettSoknad = async () => {
     if (lagrerNaa()) return;
 
-    nyLagringsProsess(axios.delete(`${publicRuntimeConfig.apiUrl}/frontend/v1/soknad/${soknad?.innsendingsId}`))
+    await nyLagringsProsess(axios.delete(`${publicRuntimeConfig.apiUrl}/frontend/v1/soknad/${soknad?.innsendingsId}`))
       .then(() => {
         resetState();
         navigerTilMinSide();