feat: fetch participant data on new questionnaire view

Author: stampaaaron

apps/frontend/src/components/questionnaire/PeriodForm.tsx

@@ -27,15 +27,13 @@ export function PeriodForm({ onSave, actionLabel, period, prevEndDate }: PeriodF
   const t = useStore(messages);
 
   const f = useForm<PeriodFormValues>({
+    mode: "uncontrolled",
     initialValues: {
       range: [prevEndDate ? getNext("month", prevEndDate) : null, null],
       title: "",
     },
     validate: {
       range([start]) {
-        console.log(start);
-        console.log(prevEndDate && getNext("month", prevEndDate));
-
         if (prevEndDate && +getNext("month", prevEndDate) !== +start!) {
           return t.validationStartDate;
         }

apps/frontend/src/routes/_auth/questionnaire/_questionnaire/new.tsx

@@ -4,6 +4,7 @@ import { useStore } from "@nanostores/react";
 import { PeriodForm, PeriodFormValues } from "../../../../components/questionnaire/PeriodForm";
 import { $api } from "../../../../stores/api";
 import { $questionnaire } from "../../../../stores/questionnaire";
+import { useEffect } from "react";
 
 const messages = i18n("questionnaireNew", {
   title: "Create new period of life",
@@ -16,6 +17,14 @@ function QuestionnaireNew() {
 
   const questionnaire = useStore($questionnaire);
 
+  const { data: participant } = $api.useQuery("get", "/participants/{id}", {
+    params: { path: { id: questionnaire!.participant.id.toString() } },
+  });
+
+  useEffect(() => {
+    if (participant) $questionnaire.set({ ...questionnaire!, participant });
+  }, [participant]);
+
   const createQuestionnaireMutation = $api.useMutation("post", "/questionnaires", {
     onSuccess: (questionnaire) => {
       n({ to: "/questionnaire/$id/entries", params: { id: questionnaire.id.toString() } });