fix: muutettu aloituskuulutuslomakkeen jarjestyksia (HASSU-580) (#263)

finnishtransportagency · Jun 13, 2022 · 5a580b1 · 5a580b1
1 parent de57880
commit 5a580b1
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 18 deletions.
diff --git a/src/components/projekti/aloituskuulutus/AloituskuulutusLukunakyma.tsx b/src/components/projekti/aloituskuulutus/AloituskuulutusLukunakyma.tsx
@@ -74,15 +74,6 @@ export default function AloituskuulutusLukunakyma({
             <FormatDate date={aloituskuulutusjulkaisu.siirtyySuunnitteluVaiheeseen} />
           </p>
         </div>
-        <div>
-          <p className="vayla-label">Kuulutuksessa esitettävät yhteystiedot</p>
-          {aloituskuulutusjulkaisu.yhteystiedot?.map((yhteistieto, index) => (
-            <p style={{ margin: 0 }} key={index}>
-              {capitalize(yhteistieto?.etunimi)} {capitalize(yhteistieto?.sukunimi)}, puh. {yhteistieto?.puhelinnumero},{" "}
-              {yhteistieto?.sahkoposti ? replace(yhteistieto?.sahkoposti, "@", "[at]") : ""}
-            </p>
-          ))}
-        </div>
         <div>
           <p className="vayla-label">
             Tiivistetty hankkeen sisällönkuvaus ensisijaisella kielellä (
@@ -107,18 +98,29 @@ export default function AloituskuulutusLukunakyma({
             </p>
           </div>
         )}
+        <div>
+          <p className="vayla-label">Kuulutuksessa esitettävät yhteystiedot</p>
+          {aloituskuulutusjulkaisu.yhteystiedot?.map((yhteistieto, index) => (
+            <p style={{ margin: 0 }} key={index}>
+              {capitalize(yhteistieto?.etunimi)} {capitalize(yhteistieto?.sukunimi)}, puh. {yhteistieto?.puhelinnumero},{" "}
+              {yhteistieto?.sahkoposti ? replace(yhteistieto?.sahkoposti, "@", "[at]") : ""}
+            </p>
+          ))}
+        </div>
+      </Section>
+      <IlmoituksenVastaanottajat
+        isLoading={isLoadingProjekti}
+        kirjaamoOsoitteet={kirjaamoOsoitteet || []}
+        aloituskuulutusjulkaisu={aloituskuulutusjulkaisu}
+      />
+      <Section>
         {aloituskuulutusjulkaisu.tila !== AloitusKuulutusTila.HYVAKSYTTY && (
           <AloituskuulutusPDFEsikatselu oid={oid} aloituskuulutusjulkaisu={aloituskuulutusjulkaisu} />
         )}
         {aloituskuulutusjulkaisu.tila === AloitusKuulutusTila.HYVAKSYTTY && (
           <AloituskuulutusTiedostot aloituskuulutusjulkaisu={aloituskuulutusjulkaisu} oid={oid} />
         )}
       </Section>
-      <IlmoituksenVastaanottajat
-        isLoading={isLoadingProjekti}
-        kirjaamoOsoitteet={kirjaamoOsoitteet || []}
-        aloituskuulutusjulkaisu={aloituskuulutusjulkaisu}
-      />
     </>
   );
 }
diff --git a/src/components/projekti/aloituskuulutus/AloituskuulutusTiedostot.tsx b/src/components/projekti/aloituskuulutus/AloituskuulutusTiedostot.tsx
@@ -38,13 +38,13 @@ export default function AloituskuulutusTiedostot({ aloituskuulutusjulkaisu, oid
   return (
     <>
       <div className="content">
-        <p className="vayla-label">Tiedostot</p>
+        <p className="vayla-label">Ladattavat kuulutukset ja ilmoitukset</p>
         <p>
           Kuulutus ja ilmoitus ensisijaisella kielellä (
           {lowerCase(aloituskuulutusjulkaisu?.kielitiedot?.ensisijainenKieli)})
         </p>
         {ensisijaisetPDFt && (
-          <div className="flex flex-col">
+          <div className="flex flex-col mb-4">
             <div>
               <Link underline="none" href={ensisijaisetPDFt.aloituskuulutusPDFPath} target="_blank">
                 {parseFilename(ensisijaisetPDFt.aloituskuulutusPDFPath)}
@@ -59,7 +59,7 @@ export default function AloituskuulutusTiedostot({ aloituskuulutusjulkaisu, oid
         )}
 
         {aloituskuulutusjulkaisu?.kielitiedot?.toissijainenKieli && (
-          <div className="content">
+          <div className="content mb-4">
             <p>
               Kuulutus ja ilmoitus toissijaisella kielellä (
               {lowerCase(aloituskuulutusjulkaisu?.kielitiedot?.toissijainenKieli)})

diff --git a/src/pages/yllapito/projekti/[oid]/aloituskuulutus.tsx b/src/pages/yllapito/projekti/[oid]/aloituskuulutus.tsx
@@ -417,7 +417,6 @@ export default function Aloituskuulutus({
                     />
                   </HassuGrid>
                 </Section>
-                <KuulutuksenYhteystiedot projekti={projekti} useFormReturn={useFormReturn} />
                 <Section noDivider={!!toissijainenKieli}>
                   <SectionContent>
                     <h5 className="vayla-small-title">Hankkeen sisällönkuvaus</h5>
@@ -451,6 +450,7 @@ export default function Aloituskuulutus({
                     />
                   </Section>
                 )}
+                <KuulutuksenYhteystiedot projekti={projekti} useFormReturn={useFormReturn} />
                 <IlmoituksenVastaanottajat isLoading={isLoadingProjekti} kirjaamoOsoitteet={kirjaamoOsoitteet || []} />
               </fieldset>
             </form>