fix: kansalaispuolen vuorovaikutuksen paikka ja saapumisohjeet (#552)

* paikka ja saapumisohjeet kansalaiselle * saapumisohjeet label * tyhjä saapumisohjeet ilman otsikkoa kansalaiselle
finnishtransportagency · Jan 27, 2023 · a0e6c18 · a0e6c18
1 parent 4a82a12
commit a0e6c18
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 12 deletions.
diff --git a/src/locales/fi/suunnittelu.json b/src/locales/fi/suunnittelu.json
@@ -32,8 +32,10 @@
     "tulevat_tilaisuudet": "Tulevat vuorovaikutustilaisuudet",
     "menneet_tilaisuudet": "Menneet vuorovaikutustilaisuudet",
     "paikalla": {
-      "osoite": "Osoite: {{osoite}}, {{postinumero}} {{postitoimipaikka}}",
-      "yleisotilaisuus_jarjestetaan": "Yleisötilaisuus järjestetään fyysisenä tilaisuutena ylläolevassa osoitteessa."
+      "osoite": "Osoite: {{paikka}}{{osoite}}, {{postinumero}} {{postitoimipaikka}}",
+      "yleisotilaisuus_jarjestetaan": "Yleisötilaisuus järjestetään fyysisenä tilaisuutena ylläolevassa osoitteessa.",
+      "saapumisohje": "Saapumisohje: {{saapumisohje}}"
+
     },
     "soittoaika": {
       "voit_soittaa": "Voit soittaa alla esitetyille henkilöille myös soittoajan ulkopuolella, mutta parhaiten tavoitat heidät esitettynä ajankohtana."

diff --git a/src/locales/sv/suunnittelu.json b/src/locales/sv/suunnittelu.json
@@ -32,8 +32,9 @@
     "tulevat_tilaisuudet": "RUOTSIKSI Tulevat vuorovaikutustilaisuudet",
     "menneet_tilaisuudet": "RUOTSIKSI Menneet vuorovaikutustilaisuudet",
     "paikalla": {
-      "osoite": "RUOTSIKSI Osoite: {{osoite}}, {{postinumero}} {{postitoimipaikka}}",
-      "yleisotilaisuus_jarjestetaan": "RUOTSIKSI Yleisötilaisuus järjestetään fyysisenä tilaisuutena ylläolevassa osoitteessa."
+      "osoite": "RUOTSIKSI Osoite: {{paikka}}{{osoite}}, {{postinumero}} {{postitoimipaikka}}",
+      "yleisotilaisuus_jarjestetaan": "RUOTSIKSI Yleisötilaisuus järjestetään fyysisenä tilaisuutena ylläolevassa osoitteessa.",
+      "saapumisohje": "RUOTSIKSI Saapumisohje: {{saapumisohje}}"
     },
     "soittoaika": {
       "voit_soittaa": "RUOTSIKSI Voit soittaa alla esitetyille henkilöille myös soittoajan ulkopuolella, mutta parhaiten tavoitat heidät esitettynä ajankohtana."

diff --git a/src/pages/suunnitelma/[oid]/suunnittelu.tsx b/src/pages/suunnitelma/[oid]/suunnittelu.tsx
@@ -146,7 +146,12 @@ const VuorovaikutusTiedot: FunctionComponent<{
               <h5 className="vayla-smallest-title">{t("aineistot.esittelyaineisto")}</h5>
               {esittelyaineistot.map((aineisto) =>
                 aineisto.tiedosto ? (
-                  <ExtLink className="file_download" style={{ display: "block", marginTop: "0.5em" }} key={aineisto.dokumenttiOid} href={aineisto.tiedosto}>
+                  <ExtLink
+                    className="file_download"
+                    style={{ display: "block", marginTop: "0.5em" }}
+                    key={aineisto.dokumenttiOid}
+                    href={aineisto.tiedosto}
+                  >
                     {aineisto.tiedosto.split("/").reduce((_acc, cur) => cur, "")}
                   </ExtLink>
                 ) : null
@@ -158,7 +163,12 @@ const VuorovaikutusTiedot: FunctionComponent<{
               <h5 className="vayla-smallest-title">{t("aineistot.suunnitelmaluonnokset")}</h5>
               {suunnitelmaluonnokset.map((aineisto) =>
                 aineisto.tiedosto ? (
-                  <ExtLink className="file_download" style={{ display: "block", marginTop: "0.5em" }} key={aineisto.dokumenttiOid} href={aineisto.tiedosto}>
+                  <ExtLink
+                    className="file_download"
+                    style={{ display: "block", marginTop: "0.5em" }}
+                    key={aineisto.dokumenttiOid}
+                    href={aineisto.tiedosto}
+                  >
                     {aineisto.tiedosto.split("/").reduce((_acc, cur) => cur, "")}
                   </ExtLink>
                 ) : null
@@ -185,7 +195,9 @@ const VuorovaikutusTiedot: FunctionComponent<{
               <h5 className="vayla-smallest-title">{t(`muut_materiaalit.otsikko`)}</h5>
               <p>{vuorovaikutus.suunnittelumateriaali.nimi}</p>
               <p>
-                <ExtLink className="file_download" href={vuorovaikutus.suunnittelumateriaali.url}>{vuorovaikutus.suunnittelumateriaali.url}</ExtLink>
+                <ExtLink className="file_download" href={vuorovaikutus.suunnittelumateriaali.url}>
+                  {vuorovaikutus.suunnittelumateriaali.url}
+                </ExtLink>
               </p>
             </>
           )}
@@ -217,7 +229,10 @@ const VuorovaikutusTiedot: FunctionComponent<{
           />
           <h4 className="vayla-small-title">{t(`ladattava_kuulutus.otsikko`)}</h4>
           <SectionContent className="flex gap-4">
-            <ExtLink className="file_download" href={kutsuPDFPath.path}>{kutsuPDFPath.fileName}</ExtLink> ({kutsuPDFPath.fileExt}) (
+            <ExtLink className="file_download" href={kutsuPDFPath.path}>
+              {kutsuPDFPath.fileName}
+            </ExtLink>{" "}
+            ({kutsuPDFPath.fileExt}) (
             <FormatDate date={vuorovaikutus?.vuorovaikutusJulkaisuPaiva} />)
           </SectionContent>
         </>
@@ -267,15 +282,20 @@ function TilaisuusContent({ tilaisuus }: { tilaisuus: VuorovaikutusTilaisuusJulk
         <div>
           <p>
             {t("tilaisuudet.paikalla.osoite", {
+              paikka: tilaisuus.paikka && tilaisuus.paikka !== "" ? tilaisuus.paikka + ", " : "",
               osoite: tilaisuus.osoite,
               postinumero: tilaisuus.postinumero,
               postitoimipaikka: tilaisuus.postitoimipaikka || "",
             })}
           </p>
-          <p>
-            {t("tilaisuudet.paikalla.yleisotilaisuus_jarjestetaan")}
-            {tilaisuus.Saapumisohjeet && capitalize(" " + tilaisuus.Saapumisohjeet)}
-          </p>
+          <p>{t("tilaisuudet.paikalla.yleisotilaisuus_jarjestetaan")}</p>
+          {tilaisuus.Saapumisohjeet && (
+            <p>
+              {t("tilaisuudet.paikalla.saapumisohje", {
+                saapumisohje: " " + tilaisuus.Saapumisohjeet,
+              })}
+            </p>
+          )}
         </div>
       )}
       {tilaisuus && tilaisuus.tyyppi === VuorovaikutusTilaisuusTyyppi.SOITTOAIKA && (