Reduserer heading size fra medium til small og fjerner 'Vedlegg X av Y:'

Author: ole-kristian-rudjord

src/frontend/components/Felleskomponenter/PictureScanningGuide/PictureScanningGuide.tsx

@@ -30,7 +30,7 @@ const PictureScanningGuide = () => {
             aria-label={plainTekst(dokumentasjonTekster.slikTarDuEtGodtBildeExpand)}
         >
             <ExpansionCard.Header>
-                <ExpansionCard.Title as="h3" size="medium">
+                <ExpansionCard.Title as="h3" size="small">
                     {plainTekst(dokumentasjonTekster.slikTarDuEtGodtBildeExpand)}
                 </ExpansionCard.Title>
             </ExpansionCard.Header>

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

@@ -128,7 +128,7 @@ const Dokumentasjon: React.FC = () => {
                 {brukerHarVedleggskrav ? (
                     <>
                         <div>
-                            <Heading level="3" size="medium" spacing>
+                            <Heading level="3" size="small" spacing>
                                 {plainTekst(stegTekster.vedleggskravTittel)}
                             </Heading>
                             <VedleggOppsummering vedlegg={vedleggOppsummering} />
@@ -139,7 +139,7 @@ const Dokumentasjon: React.FC = () => {
                         </div>
                         <PictureScanningGuide />
                         <div>
-                            <Heading level="3" size="medium" spacing>
+                            <Heading level="3" size="small" spacing>
                                 {plainTekst(stegTekster.manglerDokumentasjonSpoersmaalTittel)}
                             </Heading>
                             <TekstBlock
@@ -151,7 +151,7 @@ const Dokumentasjon: React.FC = () => {
                 ) : (
                     <>
                         <div>
-                            <Heading level="3" size="medium" spacing>
+                            <Heading level="3" size="small" spacing>
                                 {plainTekst(stegTekster.ingenVedleggskravTittel)}
                             </Heading>
                             <TekstBlock
@@ -165,7 +165,6 @@ const Dokumentasjon: React.FC = () => {
                 {relevateDokumentasjoner.map((dokumentasjon, index) => (
                     <LastOppVedlegg
                         key={index}
-                        vedleggNr={index + 1}
                         dokumentasjon={dokumentasjon}
                         oppdaterDokumentasjon={oppdaterDokumentasjon}
                     />

src/frontend/components/SøknadsSteg/Dokumentasjon/LastOppVedlegg.test.tsx

@@ -41,7 +41,6 @@ describe('LastOppVedlegg', () => {
             <TestProvidere>
                 <LastOppVedlegg
                     dokumentasjon={dokumentasjon}
-                    vedleggNr={1}
                     oppdaterDokumentasjon={oppdaterDokumentasjon}
                 />
             </TestProvidere>
@@ -73,7 +72,6 @@ describe('LastOppVedlegg', () => {
                 <TestProvidere>
                     <LastOppVedlegg
                         dokumentasjon={dokumentasjon}
-                        vedleggNr={1}
                         oppdaterDokumentasjon={oppdaterDokumentasjon}
                     />
                 </TestProvidere>

src/frontend/components/SøknadsSteg/Dokumentasjon/LastOppVedlegg.tsx

@@ -19,15 +19,14 @@ import Filopplaster from './filopplaster/Filopplaster';
 
 interface Props {
     dokumentasjon: IDokumentasjon;
-    vedleggNr: number;
     oppdaterDokumentasjon: (
         dokumentasjonsbehov: Dokumentasjonsbehov,
         opplastedeVedlegg: IVedlegg[],
         harSendtInn: boolean
     ) => void;
 }
 
-const LastOppVedlegg: React.FC<Props> = ({ dokumentasjon, vedleggNr, oppdaterDokumentasjon }) => {
+const LastOppVedlegg: React.FC<Props> = ({ dokumentasjon, oppdaterDokumentasjon }) => {
     const { søknad, tekster, plainTekst } = useApp();
     const dokumentasjonstekster = tekster().DOKUMENTASJON;
     const settHarSendtInnTidligere = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -41,33 +40,6 @@ const LastOppVedlegg: React.FC<Props> = ({ dokumentasjon, vedleggNr, oppdaterDok
     );
     const barnasNavn = slåSammen(barnDokGjelderFor.map(barn => barn.navn));
 
-    const antallVedlegg = () => {
-        const dokSomKrevesForBarn = søknad.dokumentasjon.filter(dok => dok.gjelderForBarnId.length);
-        let antallVedlegg = dokSomKrevesForBarn.length;
-
-        const erOppholdtillatelseKravForSøkerMenIkkeBarn = søknad.dokumentasjon.find(
-            dok =>
-                dok.dokumentasjonsbehov === Dokumentasjonsbehov.VEDTAK_OPPHOLDSTILLATELSE &&
-                !dok.gjelderForBarnId.length &&
-                dok.gjelderForSøker
-        );
-
-        if (erOppholdtillatelseKravForSøkerMenIkkeBarn) {
-            antallVedlegg++;
-        }
-
-        søknad.dokumentasjon.forEach(dok => {
-            if (
-                dok.gjelderForSøker &&
-                dok.dokumentasjonsbehov === Dokumentasjonsbehov.SEPARERT_SKILT_ENKE
-            ) {
-                antallVedlegg++;
-            }
-        });
-
-        return antallVedlegg;
-    };
-
     const tittelBlock =
         dokumentasjonstekster[
             dokumentasjonsbehovTilTittelSanityApiNavn(dokumentasjon.dokumentasjonsbehov)
@@ -77,21 +49,12 @@ const LastOppVedlegg: React.FC<Props> = ({ dokumentasjon, vedleggNr, oppdaterDok
         dokumentasjon.dokumentasjonsbehov
     );
 
-    const vedleggXAvY = plainTekst(dokumentasjonstekster.vedleggXavY, {
-        antall: vedleggNr.toString(),
-        totalAntall: antallVedlegg().toString(),
-    });
-    const vedleggtittel =
-        (dokumentasjon.dokumentasjonsbehov !== Dokumentasjonsbehov.ANNEN_DOKUMENTASJON
-            ? vedleggXAvY
-            : '') +
-        ' ' +
-        plainTekst(tittelBlock, { barnetsNavn: barnasNavn });
-
     return (
         <FormSummary>
             <FormSummary.Header>
-                <FormSummary.Heading level={'3'}>{vedleggtittel}</FormSummary.Heading>
+                <FormSummary.Heading level="3">
+                    {plainTekst(tittelBlock, { barnetsNavn: barnasNavn })}
+                </FormSummary.Heading>
             </FormSummary.Header>
             <VStack gap="6" paddingInline="6" paddingBlock="5 6">
                 {dokumentasjonsbeskrivelse && (

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

@@ -45,7 +45,6 @@ export type IDokumentasjonTekstinnhold = {
     slett: LocaleRecordString;
 } & {
     // Vedlegg - titler
-    vedleggXavY: LocaleRecordBlock;
     [TittelSanityApiNavn.bekreftelsePaaAdopsjonTittel]: LocaleRecordBlock;
     [TittelSanityApiNavn.annenDokumentasjon]: LocaleRecordBlock;
     [TittelSanityApiNavn.avtaleOmDeltBostedTittel]: LocaleRecordBlock;