From 2988fac47cf7a6765d3f5bb04b84121813254a34 Mon Sep 17 00:00:00 2001
From: Tomi Korkalainen <77731851+tkork@users.noreply.github.com>
Date: Fri, 8 Jul 2022 15:25:30 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20Siirr=C3=A4=20suunnitteluvaiheen=20julka?=
 =?UTF-8?q?isun=20validointi=20tapahtumaan=20ennen=20dialogin=20aukeamista?=
 =?UTF-8?q?=20(#291)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* korjaa HASSU-630 mainittu kirjoitusvirhe

* lisää handleSubmit funktiokutsu Tallenna julkaistavaksi -painikkeeseen
---
 .../suunnitteluvaihe/HyvaksymisDialogi.tsx    | 93 +++++++++----------
 .../SuunnitteluvaiheenPerustiedot.tsx         |  5 +-
 .../SuunnitteluvaiheenVuorovaikuttaminen.tsx  | 10 +-
 3 files changed, 47 insertions(+), 61 deletions(-)

diff --git a/src/components/projekti/suunnitteluvaihe/HyvaksymisDialogi.tsx b/src/components/projekti/suunnitteluvaihe/HyvaksymisDialogi.tsx
index 2788857fe..80fdb53b4 100644
--- a/src/components/projekti/suunnitteluvaihe/HyvaksymisDialogi.tsx
+++ b/src/components/projekti/suunnitteluvaihe/HyvaksymisDialogi.tsx
@@ -24,61 +24,54 @@ export default function HyvaksymisDialogi({
 
   return (
     <HassuDialog open={dialogiOnAuki} title="Kuulutuksen hyväksyminen ja ilmoituksen lähettäminen" onClose={onClose}>
-      <form style={{ display: "contents" }}>
-        <DialogContent>
+      <DialogContent>
+        {julkinen ? (
+          <p>Olet päivittämässä vuorovaikutustietoja. Ilmoitus päivitetyistä tiedoista lähetetään seuraaville:</p>
+        ) : (
+          <p>
+            Olet tallentamassa vuorovaikutustiedot ja käynnistämässä siihen liittyvän ilmoituksen automaattisen
+            lähettämisen. Ilmoitus vuorovaikutuksesta lähetetään seuraaville:
+          </p>
+        )}
+        <div>
+          <p>Viranomaiset</p>
+          <ul className="vayla-dialog-list">
+            {ilmoituksenVastaanottajat?.viranomaiset?.map((viranomainen) => (
+              <li key={viranomainen.nimi}>
+                {console.log({ viranomainen })}
+                {t(`common:viranomainen.${viranomainen.nimi}`)}, {viranomainen.sahkoposti}
+              </li>
+            ))}
+          </ul>
+          <p>Kunnat</p>
+          <ul className="vayla-dialog-list">
+            {ilmoituksenVastaanottajat?.kunnat?.map((kunta) => (
+              <li key={kunta.nimi}>
+                {kunta.nimi}, {kunta.sahkoposti}
+              </li>
+            ))}
+          </ul>
+        </div>
+        <div>
           {julkinen ? (
-            <p>Olet päivittämässä vuorovaikutustietoja. Ilmoitus päivitetyistä tiedoista lähetetään seuraaville:</p>
+            <p>Ilmoitukset lähetetään automaattisesti painikkeen klikkaamisen jälkeen.</p>
           ) : (
             <p>
-              Olet tallentamassa vuorovaikutustiedot ja käynnistämässä siihen liittyvän ilmoituksen automaattisen
-              lähettämisen. Ilmoitus vuorovaikutuksesta lähetetään seuraaville:
+              Klikkaamalla Tallenna ja lähetä -painiketta vahvistat vuorovaikutustiedot tarkastetuksi ja hyväksyt sen
+              julkaisun asetettuna julkaisupäivänä sekä ilmoituksien lähettämisen. Ilmoitukset lähetetään
+              automaattisesti painikkeen klikkaamisen jälkeen.
             </p>
           )}
-          <div>
-            <p>Viranomaiset</p>
-            <ul className="vayla-dialog-list">
-              {ilmoituksenVastaanottajat?.viranomaiset?.map((viranomainen) => (
-                <li key={viranomainen.nimi}>
-                  {console.log({ viranomainen })}
-                  {t(`common:viranomainen.${viranomainen.nimi}`)}, {viranomainen.sahkoposti}
-                </li>
-              ))}
-            </ul>
-            <p>Kunnat</p>
-            <ul className="vayla-dialog-list">
-              {ilmoituksenVastaanottajat?.kunnat?.map((kunta) => (
-                <li key={kunta.nimi}>
-                  {kunta.nimi}, {kunta.sahkoposti}
-                </li>
-              ))}
-            </ul>
-          </div>
-          <div>
-            {julkinen ? (
-              <p>Ilmoitukset lähetetään automaattisesti painikkeen klikkaamisen jälkeen.</p>
-            ) : (
-              <p>
-                Klikkaamalla Tallenna ja lähetä -painiketta vahvistat vuorovaikutustiedot tarkastetuksi ja hyväksyt sen
-                julkaisun asetettuna julkaisupäivänä sekä ilmoituksien lähettämisen. Ilmoitukset lähetetään
-                automaattisesti painikkeen klikkaamisen jälkeen.
-              </p>
-            )}
-          </div>
-        </DialogContent>
-        <DialogActions>
-          <Button primary id="accept_and_publish_vuorovaikutus" onClick={tallenna}>
-            Hyväksy ja lähetä
-          </Button>
-          <Button
-            onClick={(e) => {
-              onClose();
-              e.preventDefault();
-            }}
-          >
-            Peruuta
-          </Button>
-        </DialogActions>
-      </form>
+        </div>
+      </DialogContent>
+      <DialogActions>
+        <Button primary type="button" id="accept_and_publish_vuorovaikutus" onClick={tallenna}>
+          Hyväksy ja lähetä
+        </Button>
+        <Button type="button" onClick={onClose}>
+          Peruuta
+        </Button>
+      </DialogActions>
     </HassuDialog>
   );
 }
diff --git a/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenPerustiedot.tsx b/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenPerustiedot.tsx
index 7a9514257..ba71107f6 100644
--- a/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenPerustiedot.tsx
+++ b/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenPerustiedot.tsx
@@ -149,8 +149,9 @@ export default function SuunnitteluvaiheenPerustiedot({ isDirtyHandler }: Props)
             </SectionContent>
             {!julkinen && (
               <Notification type={NotificationType.INFO_GRAY}>
-                Tiivistetty hankkeen sisälönkuvaus on noudettu aloituskuulutuvaiheesta. Voit muokata kuvausta. Muutokset
-                tulevat näkyviin palvelun julkiselle puolella Tallenna ja julkaise -painikkeen painamisen jälkeen.
+                Tiivistetty hankkeen sisällönkuvaus on noudettu aloituskuulutuvaiheesta. Voit muokata kuvausta.
+                Muutokset tulevat näkyviin palvelun julkiselle puolella Tallenna ja julkaise -painikkeen painamisen
+                jälkeen.
               </Notification>
             )}
 
diff --git a/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenVuorovaikuttaminen.tsx b/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenVuorovaikuttaminen.tsx
index 666756bd8..170ce85e0 100644
--- a/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenVuorovaikuttaminen.tsx
+++ b/src/components/projekti/suunnitteluvaihe/SuunnitteluvaiheenVuorovaikuttaminen.tsx
@@ -177,7 +177,6 @@ export default function SuunnitteluvaiheenVuorovaikuttaminen({
 
   const saveDraft = useCallback(
     async (formData: VuorovaikutusFormValues) => {
-      console.log(formData);
       setIsFormSubmitting(true);
       try {
         await saveSunnitteluvaihe(formData);
@@ -333,14 +332,7 @@ export default function SuunnitteluvaiheenVuorovaikuttaminen({
                   <Button id="save_suunnitteluvaihe_vuorovaikutukset_draft" onClick={handleSubmit(saveDraft)}>
                     Tallenna luonnos
                   </Button>
-                  <Button
-                    primary
-                    id="save_and_publish"
-                    onClick={(event) => {
-                      handleClickOpenHyvaksy();
-                      event.preventDefault();
-                    }}
-                  >
+                  <Button primary id="save_and_publish" onClick={handleSubmit(handleClickOpenHyvaksy)}>
                     Tallenna julkaistavaksi
                   </Button>
                 </Stack>