Fikser tilbake-navigering fra kvitteringssiden

navikt · Feb 3, 2025 · dfdd4f2 · dfdd4f2
1 parent e6e2f11
commit dfdd4f2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/src/components/fyll-ut/FyllUt.tsx b/src/components/fyll-ut/FyllUt.tsx
@@ -16,7 +16,13 @@ export type MeldekortSteg = 'deltatt' | 'fravær' | 'bekreft' | 'innsendt';
 
 export const FyllUt = ({ meldekort }: Props) => {
     // TODO: bruk history for state slik at en kan bruke back/forward-navigering etc
-    const [meldekortSteg, setMeldekortSteg] = useState<MeldekortSteg>('deltatt');
+    const [meldekortSteg, _setMeldekortSteg] = useState<MeldekortSteg>('deltatt');
+    const [forrigeSteg, setForrigeSteg] = useState<MeldekortSteg | undefined>();
+
+    const setMeldekortSteg = (valgtSteg: MeldekortSteg) => {
+        setForrigeSteg(meldekortSteg);
+        _setMeldekortSteg(valgtSteg);
+    };
 
     const { fraOgMed, tilOgMed } = meldekort.periode;
 
@@ -45,7 +51,7 @@ export const FyllUt = ({ meldekort }: Props) => {
             >
                 {meldekortSteg === 'deltatt' && <Steg1_Deltatt />}
                 {meldekortSteg === 'fravær' && <Steg2_Fravær />}
-                {meldekortSteg === 'bekreft' && <Steg3_Bekreft />}
+                {meldekortSteg === 'bekreft' && <Steg3_Bekreft forrigeSteg={forrigeSteg} />}
                 <FraværModal />
             </MeldekortUtfyllingProvider>
         </div>

diff --git a/src/components/fyll-ut/steg-3-bekreft/Steg3_Bekreft.tsx b/src/components/fyll-ut/steg-3-bekreft/Steg3_Bekreft.tsx
@@ -3,11 +3,15 @@ import style from '@components/fyll-ut/steg-2-fravær/Steg2_Fravær.module.css';
 import { Alert, Button, Checkbox } from '@navikt/ds-react';
 import { useState } from 'react';
 import { Tekst } from '@components/tekst/Tekst';
-import { MeldekortDagStatus } from '@typer/meldekort-utfylling';
+import { MeldekortSteg } from '@components/fyll-ut/FyllUt.tsx';
 import { Kalender } from '@components/fyll-ut/kalender/Kalender';
 import { tilMeldekortInnsending } from '@utils/transformMeldekort';
 
-export const Steg3_Bekreft = () => {
+type Props = {
+    forrigeSteg?: MeldekortSteg;
+};
+
+export const Steg3_Bekreft = ({ forrigeSteg = 'deltatt' }: Props) => {
     const [harBekreftet, setHarBekreftet] = useState(false);
 
     const { setMeldekortSteg, meldekortUtfylling } = useMeldekortUtfylling();
@@ -17,10 +21,6 @@ export const Steg3_Bekreft = () => {
         return <div>{'Åh nei, fant ingen meldekort!'}</div>;
     }
 
-    const harFravær = meldekortUtfylling?.meldekortDager.some(
-        (dag) => dag.status && dag.status !== MeldekortDagStatus.Deltatt
-    );
-
     return (
         <>
             <Alert variant={'warning'}>
@@ -33,7 +33,7 @@ export const Steg3_Bekreft = () => {
             <div className={style.knapper}>
                 <Button
                     onClick={() => {
-                        setMeldekortSteg(harFravær ? 'fravær' : 'deltatt');
+                        setMeldekortSteg(forrigeSteg);
                     }}
                 >
                     <Tekst id={'forrige'} />