21254 media tab

components/case/summary.js

@@ -8,6 +8,7 @@ import { connect } from "react-redux";
 import transLookup from "../../data/lookuptranslations.json";
 import Documents from "./documents";
 import EventsDetails from "./events";
+import MediaDetails from "./media";
 
 import {
     createWatchedCases,
@@ -81,8 +82,10 @@ const CaseSummary = (props) => {
         ticketnumber,
     } = props;
 
-    const showLoginCheck =
-        currentType == "directResultsObj" ? "true" : currentView.showLogin;
+    // const showLoginCheck =
+    //     currentType == "directResultsObj" ? "true" : currentView.showLogin;
+
+    let showLoginCheck = props.showLoginCheck;
     const { data: session, status } = useSession();
 
     const [isModalOpen, setIsModalOpen] = useState(false);
@@ -416,7 +419,7 @@ const CaseSummary = (props) => {
                                 >
                                     <a
                                         className="govuk-tabs__tab"
-                                        href="#case-events"
+                                        href="#case-eia"
                                         onClick={() => setWhichTab("case-eia")}
                                     >
                                         {" "}
@@ -444,6 +447,26 @@ const CaseSummary = (props) => {
                                     </a>
                                 </li>
                             )}
+                            {isObjectNotEmpty(props, "mediaObj") && (
+                                <li
+                                    className={
+                                        whichTab == "case-media"
+                                            ? "govuk-tabs__list-item govuk-tabs__list-item--selected"
+                                            : "govuk-tabs__list-item "
+                                    }
+                                >
+                                    <a
+                                        className="govuk-tabs__tab"
+                                        href="#case-media"
+                                        onClick={() =>
+                                            setWhichTab("case-media")
+                                        }
+                                    >
+                                        {" "}
+                                        {t("case:summary-tab-media-label")}{" "}
+                                    </a>
+                                </li>
+                            )}
                             <li
                                 className={
                                     whichTab == "case-documents"
@@ -1741,6 +1764,22 @@ const CaseSummary = (props) => {
                             </div>
                         )}
 
+                        {isObjectNotEmpty(props, "mediaObj") && (
+                            <div
+                                className={
+                                    whichTab == "case-media"
+                                        ? "govuk-tabs__panel "
+                                        : "govuk-tabs__panel govuk-tabs__panel--hidden"
+                                }
+                                id="case-media"
+                            >
+                                <MediaDetails
+                                    mediaObj={props.mediaObj}
+                                    whichTab={whichTab}
+                                />
+                            </div>
+                        )}
+
                         <div
                             className={
                                 whichTab == "case-documents"

locales/cy/case.json

@@ -6,6 +6,7 @@
     "summary-tab-map-label": " Map",
     "summary-tab-events-label": " Digwyddiadau",
     "summary-tab-documents-label": "Dogfennau",
+    "summary-tab-media-label": "Cyfryngau",
     "summary-reference-label": "Cyfeirnod",
     "summary-applicant-label": "Apelydd",
     "summary-applicantonly-label": "Ymgeisydd",
@@ -139,5 +140,7 @@
     "summary-reporting-decision-sub-title": "Adrodd/Penderfyniad",
     "summary-report-issued-to-welsh-ministers": "Adroddiad a Gyhoeddwyd i Weinidogion Cymru",
     "summary-decision-issued-to-applicant": "Penderfyniad a Gyhoeddwyd i'r Ymgeisydd",
-    "summary-decision-outcome": "Canlyniad y Penderfyniad"
+    "summary-decision-outcome": "Canlyniad y Penderfyniad",
+    "media-title": "Cyfryngau",
+    "video-heading": "Fideos"
 }

locales/en/case.json

@@ -6,6 +6,7 @@
     "summary-tab-map-label": "Map",
     "summary-tab-events-label": "Events",
     "summary-tab-documents-label": "Documents",
+    "summary-tab-media-label": "Media",
     "summary-reference-label": "Reference",
     "summary-applicant-label": "Appellant",
     "summary-applicantonly-label": "Applicant",
@@ -140,5 +141,7 @@
     "summary-reporting-decision-sub-title": "Reporting/Decision",
     "summary-report-issued-to-welsh-ministers": "Report Issued to Welsh Ministers",
     "summary-decision-issued-to-applicant": "Decision Issued to Applicant",
-    "summary-decision-outcome": "Decision Outcome"
+    "summary-decision-outcome": "Decision Outcome",
+    "media-title": "Media",
+    "video-heading": "Fideos"
 }