14759 display logic and welsh translations

components/case/events.js

@@ -30,7 +30,9 @@ const EventsDetails = (props) => {
             <div className="govuk-grid-row">
                 <div className="card">
                     <div className="card-body">
-                        <h2 className="govuk-heading-m ">Events</h2>
+                        <h2 className="govuk-heading-m ">
+                            {t("case:event-title")}
+                        </h2>
                         {eventsArr.map(
                             (item, key) =>
                                 item.pinswg_eventpublishflag && (

components/case/summary.js

@@ -307,8 +307,7 @@ const CaseSummary = (props) => {
                                     href="#case-details"
                                     onClick={() => setWhichTab("case-details")}
                                 >
-                                    {" "}
-                                    Details{" "}
+                                    {t("case:summary-tab-details-label")}
                                 </a>
                             </li>
                             <li
@@ -323,8 +322,7 @@ const CaseSummary = (props) => {
                                     href="#case-summary"
                                     onClick={() => setWhichTab("case-summary")}
                                 >
-                                    {" "}
-                                    Summary{" "}
+                                    {t("case:summary-tab-summary-label")}
                                 </a>
                             </li>
                             {((hasValidKey(
@@ -355,8 +353,7 @@ const CaseSummary = (props) => {
                                         href="#case-map"
                                         onClick={() => setWhichTab("case-map")}
                                     >
-                                        {" "}
-                                        Map{" "}
+                                        {t("case:summary-tab-map-label")}
                                     </a>
                                 </li>
                             )}
@@ -376,7 +373,7 @@ const CaseSummary = (props) => {
                                         }
                                     >
                                         {" "}
-                                        Events{" "}
+                                        {t("case:summary-tab-events-label")}
                                     </a>
                                 </li>
                             )}
@@ -394,8 +391,7 @@ const CaseSummary = (props) => {
                                         setWhichTab("case-documents")
                                     }
                                 >
-                                    {" "}
-                                    Documents{" "}
+                                    {t("case:summary-tab-documents-label")}
                                 </a>
                             </li>
                         </ul>