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"