fjernet spørsmål 1-4 og 5

har nå kun spm om aktivitet og kalender, laget logikk for å hoppe over kalender hvis nei på aktivitet

Author: kmriise

src/components/Step1.tsx

@@ -8,13 +8,9 @@ export default function Step1(props: CommonFormProps) {
   const {
     questionWork,
     setQuestionWork,
-    questionMeasures,
-    setQuestionMeasures,
-    questionIllness,
-    setQuestionIllness,
-    questionVacation,
-    setQuestionVacation,
+    prevStep,
     nextStep,
+    goToSummaryStep,
     showLoader,
   } = props;
 
@@ -24,22 +20,17 @@ export default function Step1(props: CommonFormProps) {
   const questionWorkValidated = () => {
     return questionWork != null;
   };
-  const questionMeasuresValidated = () => {
-    return questionMeasures != null;
-  };
-  const questionIllnessValidated = () => {
-    return questionIllness != null;
-  };
-  const questionVacationValidated = () => {
-    return questionVacation != null;
-  };
 
   // Check form
   const checkForm = (event: FormEvent) => {
     setIsChecked(true);
 
     if (questionWorkValidated()) {
-      nextStep(event);
+      if (questionWork) {
+        nextStep(event);
+      } else {
+        goToSummaryStep(event);
+      }
     }
   };
 
@@ -54,7 +45,7 @@ export default function Step1(props: CommonFormProps) {
 
       <RadioGroup
         legend="Har du vært i annen aktivitet enn det å være arbeidssøker i løpet av denne perioden?"
-        description='Med "arbeid" mener vi aktivitet som kan gi inntekt eller som normalt ville ha vært betalt'
+        description='Med "aktivitet" mener vi....'
         onChange={(val: boolean) => setQuestionWork(val)}
         value={questionWork}
         error={
@@ -70,6 +61,8 @@ export default function Step1(props: CommonFormProps) {
       <Spacer />
 
       <NavPanelWithButtons
+        backText="Forrige steg"
+        backOnClick={prevStep}
         nextText="Neste steg"
         nextOnClick={checkForm}
         showLoader={showLoader}

src/components/Step4.tsx

@@ -8,7 +8,6 @@ import { format } from "date-fns";
 import { ActivityType } from "../models/Data";
 
 export default function Step4(props: CommonFormProps) {
-
   const {
     questionWork,
     questionMeasures,
@@ -21,15 +20,15 @@ export default function Step4(props: CommonFormProps) {
     prevStep,
     send,
     showLoader,
-    error
+    error,
   } = props;
 
   const [isChecked, setIsChecked] = useState<boolean>(false);
 
   // Validators
   const questionConsentValidated = () => {
     return questionConsent;
-  }
+  };
 
   // Check form
   const checkForm = (event: FormEvent) => {
@@ -38,74 +37,47 @@ export default function Step4(props: CommonFormProps) {
     if (questionConsentValidated()) {
       send(event);
     }
-  }
+  };
 
+  //todo, oversette activityType til work
   const days = [];
   for (const key in savedDates) {
     const date = format(new Date(+key), "dd.MM.yy");
     const type = savedDates[key].type;
-    const hours = type == ActivityType.WORK ? '(' + savedDates[key].hours + ' t)' : '';
-    const str = date + ' ' + type + ' ' + hours;
+    const hours =
+      type == ActivityType.WORK ? "(" + savedDates[key].hours + " t)" : "";
+    const str = date + " " + type + " " + hours;
 
-    days.push(
-      <div key={key}>
-        {str}
-      </div>
-    );
+    days.push(<div key={key}>{str}</div>);
   }
 
   // Render
   return (
     <>
-      <Heading level="3" size="large">Arbeidssøker</Heading>
+      <Heading level="3" size="large">
+        Arbeidssøker
+      </Heading>
 
       <Spacer />
 
       <Panel>
         <Heading spacing level="4" size="small">
-          Har du vært i arbeid de siste 14 dager?
-        </Heading>
-        <BodyShort>
-          {questionWork ? 'Ja' : 'Nei'}
-        </BodyShort>
-      </Panel>
-      <Panel>
-        <Heading spacing level="4" size="small">
-          Har du deltatt på tiltak, kurs eller utdanning?
-        </Heading>
-        <BodyShort>
-          {questionMeasures ? 'Ja' : 'Nei'}
-        </BodyShort>
-      </Panel>
-      <Panel>
-        <Heading spacing level="4" size="small">
-          Har du vært syk?
-        </Heading>
-        <BodyShort>
-          {questionIllness ? 'Ja' : 'Nei'}
-        </BodyShort>
-      </Panel>
-      <Panel>
-        <Heading spacing level="4" size="small">
-          Har du hatt ferie eller annet fravær?
+          Har du vært i aktivitet de siste 14 dager?
         </Heading>
-        <BodyShort>
-          {questionVacation ? 'Ja' : 'Nei'}
-        </BodyShort>
+        <BodyShort>{questionWork ? "Ja" : "Nei"}</BodyShort>
       </Panel>
       <Panel>
         <Heading spacing level="4" size="small">
           Registrerte dager
         </Heading>
-          {days}
+        {days}
       </Panel>
       <Panel>
         <Heading spacing level="4" size="small">
-          Ønsker du fortsatt å være registrert hos NAV som arbeidssøker de neste 14 dager?
+          Ønsker du fortsatt å være registrert hos NAV som arbeidssøker de neste
+          14 dager?
         </Heading>
-        <BodyShort>
-          {questionProceed ? 'Ja' : 'Nei'}
-        </BodyShort>
+        <BodyShort>{questionProceed ? "Ja" : "Nei"}</BodyShort>
       </Panel>
 
       <Spacer />
@@ -114,21 +86,27 @@ export default function Step4(props: CommonFormProps) {
         label="Ja, jeg samtykker."
         checked={questionConsent}
         onChange={() => setQuestionConsent((x) => !x)}
-        error={isChecked && !questionConsentValidated() && "Du må samtykke før du kan fortsette."}
+        error={
+          isChecked &&
+          !questionConsentValidated() &&
+          "Du må samtykke før du kan fortsette."
+        }
       >
-        For å komme videre må du gi oss lov til å hente inn og bruke opplysninger
-        om deg.
+        For å komme videre må du gi oss lov til å hente inn og bruke
+        opplysninger om deg.
       </ConfirmationPanel>
 
       <Spacer />
 
       <Error showError={!!error} error={error} />
 
-      <NavPanelWithButtons backText="Forrige steg"
-                           backOnClick={prevStep}
-                           nextText="Send"
-                           nextOnClick={checkForm}
-                           showLoader={showLoader} />
+      <NavPanelWithButtons
+        backText="Forrige steg"
+        backOnClick={prevStep}
+        nextText="Send"
+        nextOnClick={checkForm}
+        showLoader={showLoader}
+      />
     </>
   );
 }

src/pages/form.tsx

@@ -3,13 +3,13 @@ import Divider from "../components/Divider";
 import CustomStepper from "../components/CustomStepper";
 import Step1 from "../components/Step1";
 import Step2 from "../components/Step2";
-import Step3 from "../components/Step3";
 import Step4 from "../components/Step4";
 import Receipt from "../components/Receipt";
 import CancelButton from "../components/CancelButton";
 import { format, getISOWeek } from "date-fns";
 import {
   Dispatch,
+  FormEvent,
   FormEventHandler,
   SetStateAction,
   useEffect,
@@ -40,6 +40,7 @@ export type CommonFormProps = {
   setQuestionConsent: Dispatch<SetStateAction<boolean | undefined>>;
   prevStep: FormEventHandler;
   nextStep: FormEventHandler;
+  goToSummaryStep: FormEventHandler;
   send: FormEventHandler;
   showLoader: boolean;
   error: string;
@@ -129,8 +130,9 @@ export default function Page() {
   const startDateStr = format(startDate, "dd.MM.yy");
   const endDateStr = format(endDate, "dd.MM.yy");
 
-  const prevStep = () => {
+  const prevStep = async () => {
     if (currentStep > 1) {
+      await save();
       setCurrentStep(currentStep - 1);
     }
   };
@@ -142,6 +144,11 @@ export default function Page() {
     }
   };
 
+  const goToSummaryStep = async () => {
+    await save();
+    setCurrentStep(4);
+  };
+
   const save = async () => {
     const response = await postData("/api/periods/save");
 
@@ -233,6 +240,7 @@ export default function Page() {
     setQuestionConsent,
     prevStep,
     nextStep,
+    goToSummaryStep,
     send,
     showLoader,
     error,