feat: hassu 898 nopeutukset (#318)

* Kunnan nimeä ei tulisi lukea formin sisällöstä, koska se muuttuu. Kunta luetaan nyt projektin tiedoista. * Refaktoroi suunnitteluvaiheen luonnoksen ja aineistot.
finnishtransportagency · Aug 17, 2022 · be8348b · be8348b
1 parent 55983d8
commit be8348b
Show file tree

Hide file tree

Showing 10 changed files with 662 additions and 568 deletions.
diff --git a/src/components/projekti/suunnitteluvaihe/EsitettavatYhteystiedot.tsx b/src/components/projekti/suunnitteluvaihe/EsitettavatYhteystiedot.tsx
@@ -88,7 +88,7 @@ export default function EsitettavatYhteystiedot({ vuorovaikutusnro }: Props): Re
   }
 
   return (
-    <Section>
+    <Section className="mt-8">
       <SectionContent>
         <h4 className="vayla-small-title">Vuorovaikuttamisen yhteyshenkilöt</h4>
         <p>

diff --git a/src/components/projekti/suunnitteluvaihe/IlmoituksenVastaanottajat.tsx b/src/components/projekti/suunnitteluvaihe/IlmoituksenVastaanottajat.tsx
@@ -11,6 +11,7 @@ import Section from "@components/layout/Section";
 import SectionContent from "@components/layout/SectionContent";
 import HassuGrid from "@components/HassuGrid";
 import dayjs from "dayjs";
+import { useProjekti } from "src/hooks/useProjekti";
 
 interface HelperType {
   kunnat?: FieldError | { nimi?: FieldError | undefined; sahkoposti?: FieldError | undefined }[] | undefined;
@@ -34,6 +35,7 @@ type FormFields = {
 
 export default function IlmoituksenVastaanottajat({ kirjaamoOsoitteet, vuorovaikutus }: Props): ReactElement {
   const { t } = useTranslation("commonFI");
+  const { data: projekti } = useProjekti();
 
   const julkinen = !!vuorovaikutus?.julkinen;
 
@@ -42,11 +44,8 @@ export default function IlmoituksenVastaanottajat({ kirjaamoOsoitteet, vuorovaik
     control,
     formState: { errors },
     setValue,
-    watch,
   } = useFormContext<FormFields>();
 
-  const ilmoituksenVastaanottajat = watch("suunnitteluVaihe.vuorovaikutus.ilmoituksenVastaanottajat");
-
   const { fields: kuntaFields } = useFieldArray({
     control,
     name: "suunnitteluVaihe.vuorovaikutus.ilmoituksenVastaanottajat.kunnat",
@@ -61,15 +60,6 @@ export default function IlmoituksenVastaanottajat({ kirjaamoOsoitteet, vuorovaik
     name: "suunnitteluVaihe.vuorovaikutus.ilmoituksenVastaanottajat.viranomaiset",
   });
 
-  const getKuntanimi = (index: number) => {
-    const nimi = ilmoituksenVastaanottajat?.kunnat?.[index].nimi;
-    if (!nimi) {
-      return;
-    }
-
-    return formatProperNoun(nimi);
-  };
-
   if (!kirjaamoOsoitteet) {
     return <></>;
   }
@@ -233,7 +223,11 @@ export default function IlmoituksenVastaanottajat({ kirjaamoOsoitteet, vuorovaik
                   {...register(`suunnitteluVaihe.vuorovaikutus.ilmoituksenVastaanottajat.kunnat.${index}.nimi`)}
                   readOnly
                 />
-                <TextInput label="Kunta *" value={getKuntanimi(index)} disabled />
+                <TextInput
+                  label="Kunta *"
+                  value={formatProperNoun((projekti?.velho?.kunnat || [])[index] || "")}
+                  disabled
+                />
                 <TextInput
                   label="Sähköpostiosoite *"
                   error={