feat(web): display previously entered data in photovoltaic project co…

…ntract duration form
incubateur-ademe · Jan 13, 2025 · eca9650 · eca9650
1 parent 9890da8
commit eca9650
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 6 deletions.
diff --git a/.../views/photovoltaic-power-station/photovoltaic/contract-duration/ContractDurationForm.tsx b/.../views/photovoltaic-power-station/photovoltaic/contract-duration/ContractDurationForm.tsx
@@ -8,6 +8,7 @@ import FormInfo from "@/shared/views/layout/WizardFormLayout/FormInfo";
 import WizardFormLayout from "@/shared/views/layout/WizardFormLayout/WizardFormLayout";
 
 type Props = {
+  initialValues: FormValues;
   onSubmit: (data: FormValues) => void;
   onBack: () => void;
 };
@@ -16,19 +17,20 @@ type FormValues = {
   photovoltaicContractDuration: number;
 };
 
-function PhotovoltaicAnnualProductionForm({ onSubmit, onBack }: Props) {
+function PhotovoltaicAnnualProductionForm({ initialValues, onSubmit, onBack }: Props) {
   const { register, handleSubmit, formState } = useForm<FormValues>({
-    defaultValues: {
-      photovoltaicContractDuration: AVERAGE_PHOTOVOLTAIC_CONTRACT_DURATION_IN_YEARS,
-    },
+    defaultValues: initialValues,
   });
 
   return (
     <WizardFormLayout
       title="Quelle sera la durée prévisionnelle du contrat de la revente d'énergie au distributeur ?"
       instructions={
         <FormInfo>
-          <p>La durée moyenne des contrats de rachat d'électricité photovoltaïque est de 20 ans.</p>
+          <p>
+            La durée moyenne des contrats de rachat d'électricité photovoltaïque est de{" "}
+            {AVERAGE_PHOTOVOLTAIC_CONTRACT_DURATION_IN_YEARS} ans.
+          </p>
           <p>Vous pouvez modifier cette durée.</p>
         </FormInfo>
       }

diff --git a/.../create-project/views/photovoltaic-power-station/photovoltaic/contract-duration/index.tsx b/.../create-project/views/photovoltaic-power-station/photovoltaic/contract-duration/index.tsx
@@ -2,14 +2,21 @@ import {
   completePhotovoltaicContractDuration,
   revertPhotovoltaicContractDuration,
 } from "@/features/create-project/application/renewable-energy/renewableEnergy.actions";
-import { useAppDispatch } from "@/shared/views/hooks/store.hooks";
+import { selectCreationData } from "@/features/create-project/application/renewable-energy/renewableEnergy.selector";
+import { AVERAGE_PHOTOVOLTAIC_CONTRACT_DURATION_IN_YEARS } from "@/features/create-project/domain/photovoltaic";
+import { useAppDispatch, useAppSelector } from "@/shared/views/hooks/store.hooks";
 
 import PhotovoltaicContractDurationForm from "./ContractDurationForm";
 
 function PhotovoltaicContractDurationContainer() {
   const dispatch = useAppDispatch();
+  const { photovoltaicContractDuration: initialValue } = useAppSelector(selectCreationData);
   return (
     <PhotovoltaicContractDurationForm
+      initialValues={{
+        photovoltaicContractDuration:
+          initialValue ?? AVERAGE_PHOTOVOLTAIC_CONTRACT_DURATION_IN_YEARS,
+      }}
       onSubmit={(data) => {
         dispatch(completePhotovoltaicContractDuration(data.photovoltaicContractDuration));
       }}