Legger til egen feilmelding tekst når filer er under opplastning + Fikser setAvvsiteFiler ved å bruke 'eksisterendeAvvisteFiler'

Author: ole-kristian-rudjord

src/frontend/components/SøknadsSteg/Dokumentasjon/filopplaster/Filopplaster2.tsx

@@ -47,7 +47,11 @@ const Filopplaster2: React.FC<IFilopplasterProps> = ({ dokumentasjon, oppdaterDo
                     dragAndDropMultiple: plainTekst(dokumentasjonTekster.draOgSlippFilerHer),
                     drop: uppercaseFørsteBokstav(plainTekst(frittståendeOrdTekster.slipp)),
                     or: plainTekst(frittståendeOrdTekster.eller),
-                    disabled: plainTekst(dokumentasjonTekster.filopplastingDeaktivert),
+                    disabled: plainTekst(
+                        filerUnderOpplastning.length > 0
+                            ? dokumentasjonTekster.filopplastingDeaktivertFilerErUnderOpplastning
+                            : dokumentasjonTekster.filopplastingDeaktivert
+                    ),
                     disabledFilelimit: plainTekst(
                         dokumentasjonTekster.filopplastingDeaktivertMaksAntallFiler
                     ),
@@ -76,7 +80,7 @@ const Filopplaster2: React.FC<IFilopplasterProps> = ({ dokumentasjon, oppdaterDo
                         max: MAKS_ANTALL_FILER,
                         current: dokumentasjon.opplastedeVedlegg.length,
                     }}
-                    disabled={filerUnderOpplastning.length > 0}
+                    disabled={filerUnderOpplastning.length > 0 ? true : undefined}
                     onSelect={nyeFiler => leggTilVedlegg(nyeFiler)}
                 />
 

src/frontend/components/SøknadsSteg/Dokumentasjon/filopplaster/useFilopplaster2.tsx

@@ -130,7 +130,10 @@ export const useFilopplaster2 = (
         );
 
         if (feilendeFiler.length > 0) {
-            setAvvsiteFiler([...avvisteFiler, ...feilendeFiler]);
+            setAvvsiteFiler(eksisterendeAvvisteFiler => [
+                ...eksisterendeAvvisteFiler,
+                ...feilendeFiler,
+            ]);
         }
 
         if (aksepterteFiler.length > 0) {
@@ -186,7 +189,10 @@ export const useFilopplaster2 = (
             }
 
             if (avvisteVedlegg.length > 0) {
-                setAvvsiteFiler([...avvisteFiler, ...avvisteVedlegg]);
+                setAvvsiteFiler(eksisterendeAvvisteFiler => [
+                    ...eksisterendeAvvisteFiler,
+                    ...avvisteVedlegg,
+                ]);
             }
 
             setFilerUnderOpplastning([]);

src/frontend/components/SøknadsSteg/Dokumentasjon/innholdTyper.ts

@@ -55,6 +55,7 @@ export type IDokumentasjonTekstinnhold = {
     draOgSlippFilenHer: LocaleRecordString;
     draOgSlippFilerHer: LocaleRecordString;
     filopplastingDeaktivert: LocaleRecordString;
+    filopplastingDeaktivertFilerErUnderOpplastning: LocaleRecordString;
     filopplastingDeaktivertMaksAntallFiler: LocaleRecordString;
     lastOppFilenPaNytt: LocaleRecordString;
     slettFilen: LocaleRecordString;