Legger til kommentar og forbedrer navn på variabler

Author: ole-kristian-rudjord

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

@@ -81,6 +81,7 @@ const Filopplaster2: React.FC<IFilopplasterProps> = ({ dokumentasjon, oppdaterDo
                         max: MAKS_ANTALL_FILER,
                         current: dokumentasjon.opplastedeVedlegg.length,
                     }}
+                    // Dersom disabled blir satt til false her vil dette overskrive disabled-staten som blir satt av "fileLimit" prop-en. Derfor settes den til undefined slik at "fileLimit" fungerer som forventet.
                     disabled={filerUnderOpplastning.length > 0 ? true : undefined}
                     onSelect={nyeFiler => leggTilVedlegg(nyeFiler)}
                 />

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

@@ -39,9 +39,9 @@ const filtrerFiler = (
     const filerUtenFeil: FileAccepted[] = filer.filter(file => !file.error);
     const filerMedFeil: FileRejected[] = filer.filter(file => file.error);
 
-    const forMangeFiler = antallEksisterendeFiler + filerUtenFeil.length > maksAntallFiler;
+    const ikkeForMangeFiler = antallEksisterendeFiler + filerUtenFeil.length <= maksAntallFiler;
 
-    if (!forMangeFiler) {
+    if (ikkeForMangeFiler) {
         return { aksepterteFiler: filerUtenFeil, feilendeFiler: filerMedFeil };
     } else {
         const ledigePlasser = maksAntallFiler - antallEksisterendeFiler;
@@ -141,8 +141,8 @@ export const useFilopplaster2 = (
         if (aksepterteFiler.length > 0) {
             setFilerUnderOpplastning(aksepterteFiler);
 
-            const nyeVedlegg: IVedlegg[] = [];
-            const avvisteVedlegg: FileRejected[] = [];
+            const aksepterteVedlegg: IVedlegg[] = [];
+            const feilendeVedlegg: FileRejected[] = [];
 
             await Promise.all(
                 aksepterteFiler.map((fil: FileAccepted) => {
@@ -169,31 +169,31 @@ export const useFilopplaster2 = (
                                 størrelse: fil.file.size,
                                 tidspunkt: dagensDatoStreng,
                             };
-                            nyeVedlegg.push(nyttVedlegg);
+                            aksepterteVedlegg.push(nyttVedlegg);
                         })
                         .catch(error => {
                             const filMedFeil: FileRejected = {
                                 file: fil.file,
                                 error: true,
                                 reasons: [feilmeldingFraError(error)],
                             };
-                            avvisteVedlegg.push(filMedFeil);
+                            feilendeVedlegg.push(filMedFeil);
                         });
                 })
             );
 
-            if (nyeVedlegg.length > 0) {
+            if (aksepterteVedlegg.length > 0) {
                 oppdaterDokumentasjon(
                     dokumentasjon.dokumentasjonsbehov,
-                    [...dokumentasjon.opplastedeVedlegg, ...nyeVedlegg],
+                    [...dokumentasjon.opplastedeVedlegg, ...aksepterteVedlegg],
                     dokumentasjon.harSendtInn
                 );
             }
 
-            if (avvisteVedlegg.length > 0) {
+            if (feilendeVedlegg.length > 0) {
                 setAvvsiteFiler(eksisterendeAvvisteFiler => [
                     ...eksisterendeAvvisteFiler,
-                    ...avvisteVedlegg,
+                    ...feilendeVedlegg,
                 ]);
             }