Add Content Override option to stories hub

app/scripts/components/common/layout-root.tsx

@@ -43,7 +43,7 @@ function LayoutRoot(props: { children?: ReactNode }) {
 
   useGoogleTagManager();
 
-  const { title, thumbnail, description, hideFooter, localNavProps } =
+  const { title, thumbnail, description, hideFooter } =
     useContext(LayoutRootContext);
 
   const truncatedTitle =
@@ -57,7 +57,7 @@ function LayoutRoot(props: { children?: ReactNode }) {
         description={description || appDescription}
         thumbnail={thumbnail}
       />
-      <NavWrapper localNavProps={localNavProps} />
+      <NavWrapper />
       <PageBody>
         <Outlet />
         {children}

app/scripts/components/common/nav-wrapper.js

@@ -1,11 +1,9 @@
 import React from 'react';
-import T from 'prop-types';
 import styled, { css } from 'styled-components';
 import { themeVal } from '@devseed-ui/theme-provider';
 
 import PageHeader from './page-header';
 import { useSlidingStickyHeaderProps } from './layout-root';
-import PageLocalNav from '$components/common/page-local-nav';
 
 import {
   HEADER_WRAPPER_ID,
@@ -29,9 +27,7 @@ const NavWrapper = styled.div`
     `}
 `;
 
-function PageNavWrapper({ localNavProps }) {
-  const renderLocalNav = !!localNavProps;
-
+function PageNavWrapper() {
   const { isHeaderHidden, headerHeight } = useSlidingStickyHeaderProps();
 
   return (
@@ -41,13 +37,8 @@ function PageNavWrapper({ localNavProps }) {
       headerHeight={headerHeight}
     >
       <PageHeader />
-      {renderLocalNav && <PageLocalNav {...localNavProps} />}
     </NavWrapper>
   );
 }
 
-PageNavWrapper.propTypes = {
-  localNavProps: T.object
-};
-
 export default PageNavWrapper;

app/scripts/components/datasets/s-explore/index.tsx

@@ -22,7 +22,6 @@ import TileLinkButton from './tile-link';
 import DatasetLayers from './dataset-layers';
 import { PanelDateWidget } from './panel-date-widget';
 import { resourceNotFound } from '$components/uhoh';
-import { DatasetsLocalMenu } from '$components/common/page-local-nav';
 import { LayoutProps } from '$components/common/layout-root';
 import MapboxMap, { MapboxMapRef } from '$components/common/mapbox';
 import PageHero from '$components/common/page-hero';
@@ -43,9 +42,8 @@ import {
   PANEL_REVEAL_DURATION
 } from '$styles/panel';
 
-import { allDatasetsProps, useDataset } from '$utils/veda-data';
+import { useDataset } from '$utils/veda-data';
 import { useMediaQuery } from '$utils/use-media-query';
-import { DATASETS_PATH } from '$utils/routes';
 import { useEffectPrevious } from '$utils/use-effect-previous';
 import { userTzDate2utcString, utcString2userTzDate } from '$utils/date';
 import { AsyncDatasetLayer, useDatasetAsyncLayers } from '$context/layer-data';
@@ -574,14 +572,6 @@ function DatasetsExplore() {
         title={`${dataset.data.name} Exploration`}
         description={dataset.data.description}
         thumbnail={dataset.data.media?.src}
-        localNavProps={{
-          parentName: 'Dataset',
-          parentLabel: 'Datasets',
-          parentTo: DATASETS_PATH,
-          items: allDatasetsProps,
-          currentId: dataset.data.id,
-          localMenuCmp: <DatasetsLocalMenu dataset={dataset} />
-        }}
         hideFooter
       />
       <PageMainContent>

app/scripts/components/datasets/s-overview/index.tsx

@@ -6,13 +6,11 @@ import { CollecticonCompass } from '@devseed-ui/collecticons';
 import { resourceNotFound } from '$components/uhoh';
 import { LayoutProps } from '$components/common/layout-root';
 import { PageActions, PageMainContent } from '$styles/page';
-import { DatasetsLocalMenu } from '$components/common/page-local-nav';
 import PageHero from '$components/common/page-hero';
 import RelatedContent from '$components/common/related-content';
 import { NotebookConnectButton } from '$components/common/notebook-connect';
 
 import {
-  allDatasetsProps,
   TAXONOMY_GRADE,
   TAXONOMY_UNCERTAINTY,
   useDataset
@@ -38,17 +36,6 @@ function DatasetsOverview() {
         title={`${dataset.data.name} Overview`}
         description={dataset.data.description}
         thumbnail={dataset.data.media?.src}
-        localNavProps={{
-          parentName: 'Dataset',
-          parentLabel: 'Datasets',
-          parentTo: DATASETS_PATH,
-          items: allDatasetsProps,
-          currentId: dataset.data.id,
-          localMenuCmp:
-            dataset?.data.disableExplore !== true ? (
-              <DatasetsLocalMenu dataset={dataset} />
-            ) : null
-        }}
       />
 
       <PageMainContent>
@@ -57,7 +44,7 @@ function DatasetsOverview() {
           description={dataset.data.description}
           renderBetaBlock={() => (
             <PageActions>
-              {dataset?.data.disableExplore !== true && (
+              {dataset.data.disableExplore !== true && (
                 <Button
                   forwardedAs={Link}
                   to={getDatasetExplorePath(dataset.data)}