From 3b7abd8bd61481c12c5f340a386a842f3096eb21 Mon Sep 17 00:00:00 2001
From: Erik Escoffier <me@erik.nz>
Date: Thu, 21 Sep 2023 11:06:21 +0200
Subject: [PATCH] Redirect to overview when explore is not allowed

---
 app/scripts/components/datasets/s-overview/index.tsx | 2 +-
 app/scripts/main.tsx                                 | 5 ++---
 app/scripts/redirects.tsx                            | 8 ++++++++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/app/scripts/components/datasets/s-overview/index.tsx b/app/scripts/components/datasets/s-overview/index.tsx
index eaaa26239..dc1bcd425 100644
--- 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
index 18b0997b7..eba9b82d8 100644
--- 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
index 6590d3a1d..5e5a99e0c 100644
--- 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 />
+}