From 4a0b93be3b59c9b3bb558576218ae17212c97cff Mon Sep 17 00:00:00 2001
From: jay-hodgson <jay.hodgson@sagebase.org>
Date: Wed, 8 Jan 2025 10:00:42 -0800
Subject: [PATCH] PORTALS-3372: If LLFS_Metabolomics study key, redirect to
 LLFS

---
 .../elportal/src/pages/StudyDetailsPage.tsx   | 121 ++++++++++--------
 1 file changed, 65 insertions(+), 56 deletions(-)

diff --git a/apps/portals/elportal/src/pages/StudyDetailsPage.tsx b/apps/portals/elportal/src/pages/StudyDetailsPage.tsx
index 5ccff1f07b..d31225af84 100644
--- a/apps/portals/elportal/src/pages/StudyDetailsPage.tsx
+++ b/apps/portals/elportal/src/pages/StudyDetailsPage.tsx
@@ -7,6 +7,7 @@ import {
 import DetailsPage from '@sage-bionetworks/synapse-portal-framework/components/DetailsPage/index'
 import { MarkdownSynapseFromColumnData } from '@sage-bionetworks/synapse-portal-framework/components/DetailsPage/markdown/MarkdownSynapseFromColumnData'
 import RedirectWithQuery from '@sage-bionetworks/synapse-portal-framework/components/RedirectWithQuery'
+import RedirectToURL from '@sage-bionetworks/synapse-portal-framework/components/RedirectToURL'
 import { useGetPortalComponentSearchParams } from '@sage-bionetworks/synapse-portal-framework/utils/UseGetPortalComponentSearchParams'
 import { ColumnSingleValueFilterOperator } from '@sage-bionetworks/synapse-types'
 import { Outlet, RouteObject } from 'react-router-dom'
@@ -49,63 +50,71 @@ export const studyDetailsPageRoutes: RouteObject[] = [
   {
     path: studyDetailsPageTabConfig[0].path,
     element: (
-      <DetailsPageContent
-        content={[
-          {
-            id: 'Study Description',
-            title: 'Study Description',
-            element: (
-              <MarkdownSynapseFromColumnData columnName={'studyDescription'} />
-            ),
-          },
-          {
-            id: 'Acknowledgement',
-            title: 'Acknowledgement',
-            element: (
-              <MarkdownSynapseFromColumnData columnName={'ackContext'} />
-            ),
-          },
-          {
-            id: 'acknowledgementFull',
-            element: (
-              <MarkdownSynapseFromColumnData
-                columnName={'acknowledgment'}
-                MarkdownCollapseProps={{
-                  textDescription: 'full statement',
-                  showCopyPlainText: true,
-                }}
-              />
-            ),
-          },
-          {
-            id: 'Methods',
-            title: 'Methods',
-            element: <MarkdownSynapseFromColumnData columnName={'methods'} />,
-          },
-          {
-            id: 'Related Studies',
-            title: 'Related Studies',
-            element: (
-              <DetailsPageContextConsumer columnName={'relatedStudies'}>
-                {({ value }) => {
-                  if (!value) {
-                    return null
-                  }
+      <>
+        <DetailsPageContent
+          content={[
+            {
+              id: 'Study Description',
+              title: 'Study Description',
+              element: (
+                <MarkdownSynapseFromColumnData
+                  columnName={'studyDescription'}
+                />
+              ),
+            },
+            {
+              id: 'Acknowledgement',
+              title: 'Acknowledgement',
+              element: (
+                <MarkdownSynapseFromColumnData columnName={'ackContext'} />
+              ),
+            },
+            {
+              id: 'acknowledgementFull',
+              element: (
+                <MarkdownSynapseFromColumnData
+                  columnName={'acknowledgment'}
+                  MarkdownCollapseProps={{
+                    textDescription: 'full statement',
+                    showCopyPlainText: true,
+                  }}
+                />
+              ),
+            },
+            {
+              id: 'Methods',
+              title: 'Methods',
+              element: <MarkdownSynapseFromColumnData columnName={'methods'} />,
+            },
+            {
+              id: 'Related Studies',
+              title: 'Related Studies',
+              element: (
+                <DetailsPageContextConsumer columnName={'relatedStudies'}>
+                  {({ value }) => {
+                    if (!value) {
+                      return null
+                    }
 
-                  return (
-                    <CardContainerLogic
-                      sqlOperator={ColumnSingleValueFilterOperator.IN}
-                      sql={studiesSql}
-                      {...studyCardConfiguration}
-                      searchParams={{ id: value }}
-                    />
-                  )
-                }}
-              </DetailsPageContextConsumer>
-            ),
-          },
-        ]}
-      />
+                    return (
+                      <CardContainerLogic
+                        sqlOperator={ColumnSingleValueFilterOperator.IN}
+                        sql={studiesSql}
+                        {...studyCardConfiguration}
+                        searchParams={{ id: value }}
+                      />
+                    )
+                  }}
+                </DetailsPageContextConsumer>
+              ),
+            },
+          ]}
+        />
+        <RedirectToURL
+          toURL="/Explore/Studies/DetailsPage/StudyDetails?studyKey=LLFS"
+          search="studyKey=LLFS_Metabolomics"
+        />
+      </>
     ),
   },
   {