Add TOS and Privacy url via config (#1300)

* add tos and privacy url via config

* typo

* readd condition

* param

client/src/components/menubar/index.js

@@ -32,7 +32,9 @@ import UndoRedoReset from "./undoRedo";
   aboutLink: state.config?.links?.["about-dataset"],
   disableDiffexp: state.config?.parameters?.["disable-diffexp"] ?? false,
   diffexpMayBeSlow: state.config?.parameters?.["diffexp-may-be-slow"] ?? false,
-  showCentroidLabels: state.centroidLabels.showLabels
+  showCentroidLabels: state.centroidLabels.showLabels,
+  tosURL: state.config?.parameters?.about_legal_tos,
+  privacyURL: state.config?.parameters?.about_legal_privacy
 }))
 class MenuBar extends React.Component {
   static isValidDigitKeyEvent(e) {
@@ -279,7 +281,9 @@ class MenuBar extends React.Component {
       clipPercentileMax,
       graphInteractionMode,
       aboutLink,
-      showCentroidLabels
+      showCentroidLabels,
+      privacyURL,
+      tosURL
     } = this.props;
     const { pendingClipPercentiles } = this.state;
 
@@ -402,6 +406,8 @@ class MenuBar extends React.Component {
         <InformationMenu
           libraryVersions={libraryVersions}
           aboutLink={aboutLink}
+          tosURL={tosURL}
+          privacyURL={privacyURL}
         />
       </div>
     );

client/src/components/menubar/infoMenu.js

@@ -3,7 +3,7 @@ import React from "react";
 import { Button, Popover, Menu, MenuItem, Position } from "@blueprintjs/core";
 
 function InformationMenu(props) {
-  const { libraryVersions, aboutLink } = props;
+  const { libraryVersions, aboutLink, tosURL, privacyURL } = props;
   return (
     <div style={{}} className="bp3-button-group">
       <Popover
@@ -47,6 +47,16 @@ function InformationMenu(props) {
               }`}
             />
             <MenuItem text="MIT License" />
+            {tosURL ? <MenuItem
+              href={tosURL}
+              target="_blank"
+              text="Terms of Service"
+            /> : null }
+            {privacyURL ? <MenuItem
+              href={privacyURL}
+              target="_blank"
+              text="Privacy Policy"
+            /> : null }
           </Menu>
         }
         position={Position.BOTTOM_RIGHT}