feat(ui): remove notebook's unused buttons

src/flows/components/header/MenuButton.tsx

@@ -1,14 +1,14 @@
-import React, {FC, createRef, RefObject, useContext, useState} from 'react'
+import React, {createRef, FC, RefObject, useContext, useState} from 'react'
 import {
-  IconFont,
   Icon,
+  IconFont,
+  InfluxColors,
   List,
   Popover,
   PopoverInteraction,
-  SquareButton,
-  InfluxColors,
   RemoteDataState,
   SpinnerContainer,
+  SquareButton,
   TechnoSpinner,
 } from '@influxdata/clockface'
 import {useSelector} from 'react-redux'
@@ -170,23 +170,7 @@ const MenuButton: FC<Props> = ({handleResetShare}) => {
     )
   }
 
-  const menuItems: any[] = [
-    {
-      type: 'menuitem',
-      title: 'Version history',
-      onClick: handleViewPublish,
-      icon: IconFont.History,
-      disabled: () => {
-        const [first, second] = versions
-        // accounts for the draft state
-        let versionId = first?.id
-        if (first?.id === 'draft' && second?.id) {
-          versionId = second?.id
-        }
-        return !(versionId !== 'draft' && typeof versionId !== undefined)
-      },
-    },
-    {title: 'divider', type: 'divider'},
+  let menuItems: any[] = [
     {
       type: 'menuitem',
       title: 'Download as PNG',
@@ -209,6 +193,26 @@ const MenuButton: FC<Props> = ({handleResetShare}) => {
   ]
 
   if (CLOUD) {
+    menuItems = [
+      {
+        type: 'menuitem',
+        title: 'Version history',
+        onClick: handleViewPublish,
+        icon: IconFont.History,
+        disabled: () => {
+          const [first, second] = versions
+          // accounts for the draft state
+          let versionId = first?.id
+          if (first?.id === 'draft' && second?.id) {
+            versionId = second?.id
+          }
+          return !(versionId !== 'draft' && typeof versionId !== undefined)
+        },
+      },
+      {title: 'divider', type: 'divider'},
+      ...menuItems,
+    ]
+
     menuItems.splice(3, 0, {
       type: 'menuitem',
       title: 'Clone',

src/flows/components/header/index.tsx

@@ -1,5 +1,5 @@
 // Libraries
-import React, {FC, useCallback, useContext, useState, useEffect} from 'react'
+import React, {FC, useCallback, useContext, useEffect, useState} from 'react'
 import {useDispatch, useSelector} from 'react-redux'
 
 // Contexts
@@ -12,11 +12,11 @@ import {AppSettingProvider} from 'src/shared/contexts/app'
 
 // Components
 import {
-  Page,
-  SquareButton,
-  IconFont,
   ComponentColor,
   ComponentStatus,
+  IconFont,
+  Page,
+  SquareButton,
 } from '@influxdata/clockface'
 
 import AutoRefreshButton from 'src/flows/components/header/AutoRefreshButton'
@@ -40,6 +40,7 @@ import {RemoteDataState} from 'src/types'
 
 // Constants
 import {DEFAULT_PROJECT_NAME, PROJECT_NAME} from 'src/flows'
+import {CLOUD} from 'src/shared//constants'
 
 interface Share {
   id: string
@@ -159,31 +160,35 @@ const FlowHeader: FC = () => {
           <PresentationMode />
           <TimeZoneDropdown />
           <TimeRangeDropdown />
-          <SquareButton
-            icon={IconFont.Save}
-            onClick={handlePublish}
-            color={ComponentColor.Default}
-            titleText="Save to version history"
-          />
+          {CLOUD && (
+            <SquareButton
+              icon={IconFont.Save}
+              onClick={handlePublish}
+              color={ComponentColor.Default}
+              titleText="Save to version history"
+            />
+          )}
           {flow?.id && (
             <>
-              <SquareButton
-                icon={IconFont.Share}
-                onClick={
-                  !!share
-                    ? () => openShareLinkOverlay(share)
-                    : () => generateLink()
-                }
-                color={
-                  !!share ? ComponentColor.Primary : ComponentColor.Secondary
-                }
-                status={
-                  linkLoading === RemoteDataState.Loading
-                    ? ComponentStatus.Loading
-                    : ComponentStatus.Default
-                }
-                titleText={`Share ${PROJECT_NAME}`}
-              />
+              {CLOUD && (
+                <SquareButton
+                  icon={IconFont.Share}
+                  onClick={
+                    !!share
+                      ? () => openShareLinkOverlay(share)
+                      : () => generateLink()
+                  }
+                  color={
+                    !!share ? ComponentColor.Primary : ComponentColor.Secondary
+                  }
+                  status={
+                    linkLoading === RemoteDataState.Loading
+                      ? ComponentStatus.Loading
+                      : ComponentStatus.Default
+                  }
+                  titleText={`Share ${PROJECT_NAME}`}
+                />
+              )}
               <MenuButton handleResetShare={() => setShare(null)} />
             </>
           )}