Redirect to overview when explore is not allowed

NASA-IMPACT · Sep 21, 2023 · 94202b2 · 94202b2
1 parent 6e6f341
commit 94202b2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/app/scripts/components/datasets/s-overview/index.tsx b/app/scripts/components/datasets/s-overview/index.tsx
@@ -59,7 +59,7 @@ function DatasetsOverview() {
             <PageActions>
               {dataset?.data.disableExplore !== true && (
                 <Button
-                  forwardedAs={Link}
+                  forwardedAs={Link as any}
                   to={getDatasetExplorePath(dataset.data)}
                   size='large'
                   variation='achromic-outline'

diff --git a/app/scripts/main.tsx b/app/scripts/main.tsx
@@ -5,7 +5,7 @@ import { BrowserRouter, Route, Routes, useLocation } from 'react-router-dom';
 import { DevseedUiThemeProvider as DsTp } from '@devseed-ui/theme-provider';
 import { userPages } from 'veda';
 
-import { discoveryRoutes, thematicRoutes } from './redirects';
+import { DatasetExploreRedirect, discoveryRoutes, thematicRoutes } from './redirects';
 
 import theme, { GlobalStyles } from '$styles/theme';
 import { getAppURL } from '$utils/history';
@@ -28,7 +28,6 @@ const StoriesHub = lazy(() => import('$components/stories/hub'));
 const StoriesSingle = lazy(() => import('$components/stories/single'));
 
 const DataCatalog = lazy(() => import('$components/data-catalog'));
-const DatasetsExplore = lazy(() => import('$components/datasets/s-explore'));
 const DatasetsOverview = lazy(() => import('$components/datasets/s-overview'));
 
 const Analysis = lazy(() => import('$components/analysis/define'));
@@ -95,7 +94,7 @@ function Root() {
                 />
                 <Route
                   path={`${DATASETS_PATH}/:datasetId/explore`}
-                  element={<DatasetsExplore />}
+                  element={<DatasetExploreRedirect />}
                 />
                 <Route path={STORIES_PATH} element={<StoriesHub />} />
                 <Route

diff --git a/app/scripts/redirects.tsx b/app/scripts/redirects.tsx
@@ -2,6 +2,9 @@ import React from 'react';
 import { Navigate, Route, useParams } from 'react-router';
 
 import { STORIES_PATH } from '$utils/routes';
+import { useDataset } from '$utils/veda-data';
+import DatasetsOverview from '$components/datasets/s-overview';
+import DatasetsExplore from '$components/datasets/s-explore';
 
 function DiscoveryRedirect() {
   const { discoveryId } = useParams();
@@ -52,3 +55,8 @@ export const discoveryRoutes = (
     <Route path='discoveries/:discoveryId' element={<DiscoveryRedirect />} />
   </Route>
 );
+
+export function DatasetExploreRedirect() {
+  const dataset = useDataset();
+  return dataset?.data.disableExplore ? <DatasetsOverview /> : <DatasetsExplore />;
+}