switch redirect strategies, dont send POST due to jupyter xrsf cookie constraints

Author: dauglyon

src/app/Routes.tsx

@@ -39,6 +39,7 @@ import { LogInSessions } from '../features/account/LogInSessions';
 import { UseAgreements } from '../features/account/UseAgreements';
 import { skipToken } from '@reduxjs/toolkit/dist/query';
 import { getMe } from '../common/api/authService';
+import { CDMRedirect } from '../features/cdm/CDMRedirect';
 
 export const LOGIN_ROUTE = '/login';
 export const SIGNUP_ROUTE = '/signup';
@@ -133,6 +134,11 @@ const Routes: FC = () => {
         <Route index element={<Authed element={<ORCIDLinkCreateLink />} />} />
       </Route>
 
+      {/* CDM */}
+      <Route path="/cdm">
+        <Route path="redirect" element={<Authed element={<CDMRedirect />} />} />
+      </Route>
+
       {/* IFrame Fallback Routes */}
       <Route path="/fallback">
         <Route

src/features/cdm/CDMRedirect.tsx

@@ -0,0 +1,23 @@
+import { Container, Stack } from '@mui/system';
+import { useEffect } from 'react';
+import { Loader } from '../../common/components';
+
+export const CDMRedirect = () => {
+  useEffect(() => {
+    window.location.href = `https://cdmhub.${process.env.REACT_APP_KBASE_DOMAIN}/hub`;
+  });
+  return (
+    <Container maxWidth="lg">
+      <Stack
+        direction={'row'}
+        spacing={2}
+        alignItems={'center'}
+        paddingTop={'33%'}
+        justifyContent={'center'}
+      >
+        <Loader />
+        <div>Redirecting to CDM</div>
+      </Stack>
+    </Container>
+  );
+};

src/features/cdm/CDMRedirectForm.tsx

@@ -17,7 +17,7 @@ import {
   faDatabase,
 } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon as FAIcon } from '@fortawesome/react-fontawesome';
-import { FC, useRef, useState } from 'react';
+import { FC, useState } from 'react';
 import { Link, useLocation } from 'react-router-dom';
 import { getFeedsUnseenCount } from '../../common/api/feedsService';
 import { useAppSelector } from '../../common/hooks';
@@ -26,7 +26,6 @@ import classes from './LeftNavBar.module.scss';
 import { Button, Menu, MenuItem } from '@mui/material';
 import { getMe } from '../../common/api/authService';
 import { skipToken } from '@reduxjs/toolkit/dist/query';
-import { CDMRedirectForm } from '../cdm/CDMRedirectForm';
 
 const LeftNavBar: FC = () => {
   const token = useAppSelector(authToken);
@@ -44,7 +43,6 @@ const LeftNavBar: FC = () => {
   const handleCloseMoreMenu = () => {
     setAnchorEl(null);
   };
-  const CDMRedirectFormSubmit = useRef<() => void>();
 
   return (
     <nav>
@@ -69,10 +67,7 @@ const LeftNavBar: FC = () => {
           badgeColor={'primary'}
         />
         <NavItem
-          path=""
-          onClick={() => {
-            if (CDMRedirectFormSubmit.current) CDMRedirectFormSubmit.current();
-          }}
+          path={'/cdm/redirect'}
           desc="CDM"
           icon={faDatabase}
           badge={'alpha'}
@@ -154,11 +149,6 @@ const LeftNavBar: FC = () => {
           </MenuItem>
         </Menu>
       </ul>
-      <CDMRedirectForm
-        ready={(submit) => {
-          CDMRedirectFormSubmit.current = submit;
-        }}
-      />
     </nav>
   );
 };