feat: Add noindex for unpublished datasets (#1169)

Author: kaloster

client/package-lock.json

@@ -91,6 +91,7 @@
     "react-dom": "^18.3.1",
     "react-draggable": "^4.4.5",
     "react-flip-toolkit": "^7.0.12",
+    "react-helmet-async": "^2.0.5",
     "react-icons": "^4.2.0",
     "react-markdown": "^9.0.1",
     "react-redux": "^7.2.0",

client/package.json

@@ -90,6 +90,7 @@ export interface Dataset {
   cell_count: number;
   dataset_deployments: DatasetDeployment[];
   name: string;
+  published?: boolean;
 }
 
 /**

client/src/common/types/entities.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { connect } from "react-redux";
+import { Helmet, HelmetData } from "react-helmet-async";
 import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";
 import { StyledEngineProvider, ThemeProvider } from "@mui/material/styles";
 import actions from "actions";
@@ -34,6 +35,7 @@ interface StateProps {
   privacyURL: string;
   seamlessEnabled: boolean;
   datasetMetadataError: RootState["datasetMetadata"]["error"];
+  datasetMetadata: RootState["datasetMetadata"];
   isCellGuideCxg: RootState["controls"]["isCellGuideCxg"];
   scatterplotXXaccessor: RootState["controls"]["scatterplotXXaccessor"];
   scatterplotYYaccessor: RootState["controls"]["scatterplotYYaccessor"];
@@ -48,6 +50,7 @@ const mapStateToProps = (state: RootState): StateProps => ({
   privacyURL: state.config?.parameters?.about_legal_privacy || "",
   seamlessEnabled: selectIsSeamlessEnabled(state),
   datasetMetadataError: state.datasetMetadata.error,
+  datasetMetadata: state.datasetMetadata,
   isCellGuideCxg: state.controls.isCellGuideCxg,
   scatterplotXXaccessor: state.controls.scatterplotXXaccessor,
   scatterplotYYaccessor: state.controls.scatterplotYYaccessor,
@@ -71,14 +74,22 @@ class App extends React.Component<StateProps & { dispatch: AppDispatch }> {
       privacyURL,
       seamlessEnabled,
       datasetMetadataError,
+      datasetMetadata,
       isCellGuideCxg,
       differentialExpressionLoading,
       scatterplotXXaccessor,
       scatterplotYYaccessor,
     } = this.props;
 
+    const isPublished =
+      datasetMetadata?.datasetMetadata?.collection_datasets[0]?.published;
+    const helmetData = new HelmetData({});
+
     return (
       <Container>
+        <Helmet helmetData={helmetData} prioritizeSeoTags>
+          {!isPublished && <meta name="robots" content="noindex" />}
+        </Helmet>
         <StyledEngineProvider injectFirst>
           <EmotionThemeProvider theme={theme}>
             <ThemeProvider theme={theme}>