Disable GDrive/Github buttons when workspaceLocation is not playground

Author: sumomomomomo

src/commons/controlBar/ControlBarGoogleDriveButtons.tsx

@@ -15,6 +15,7 @@ const stateToIntent: { [state in PersistenceState]: Intent } = {
 
 type Props = {
   isFolderModeEnabled: boolean;
+  workspaceLocation: string;
   loggedInAs?: string;
   accessToken?: string;
   currPersistenceFile?: PersistenceFile;
@@ -35,12 +36,13 @@ export const ControlBarGoogleDriveButtons: React.FC<Props> = props => {
       ? 'DIRTY'
       : 'SAVED'
     : 'INACTIVE';
+  const isNotPlayground = props.workspaceLocation !== "playground";
   const mainButton = (
     <ControlButton
       label={(props.currPersistenceFile && props.currPersistenceFile.name) || 'Google Drive'}
       icon={IconNames.CLOUD}
       options={{ intent: stateToIntent[state] }}
-      //isDisabled={props.isFolderModeEnabled}
+      isDisabled={isNotPlayground}
     />
   );
   const openButton = (
@@ -86,13 +88,12 @@ export const ControlBarGoogleDriveButtons: React.FC<Props> = props => {
     <ControlButton label="Log In" icon={IconNames.LOG_IN} onClick={props.onClickLogIn} />
   );
 
-  //const tooltipContent = props.isFolderModeEnabled
-  //  ? 'Currently unsupported in Folder mode'
-  //  : undefined;
-  const tooltipContent = undefined;
+  const tooltipContent = isNotPlayground
+    ? 'Currently unsupported in non playground workspaces'
+    : undefined;
 
   return (
-    <Tooltip2 content={tooltipContent} disabled={false}>
+    <Tooltip2 content={tooltipContent} disabled={tooltipContent === undefined}>
       <Popover2
         autoFocus={false}
         content={
@@ -108,7 +109,7 @@ export const ControlBarGoogleDriveButtons: React.FC<Props> = props => {
         }
         onOpening={props.onPopoverOpening}
         popoverClassName={Classes.POPOVER_DISMISS}
-        //disabled={props.isFolderModeEnabled}
+        disabled={isNotPlayground}
       >
         {mainButton}
       </Popover2>

src/commons/controlBar/github/ControlBarGitHubButtons.tsx

@@ -11,6 +11,7 @@ import ControlButton from '../../ControlButton';
 
 type Props = {
   isFolderModeEnabled: boolean;
+  workspaceLocation: string;
   currPersistenceFile?: PersistenceFile;
   loggedInAs?: Octokit;
   githubSaveInfo: GitHubSaveInfo;
@@ -34,6 +35,8 @@ export const ControlBarGitHubButtons: React.FC<Props> = props => {
 
   const filePath = props.githubSaveInfo.filePath || '';
 
+  const isNotPlayground = props.workspaceLocation !== "playground";
+
   const isLoggedIn = props.loggedInAs !== undefined;
   const shouldDisableButtons = !isLoggedIn;
   const hasFilePath = filePath !== '';
@@ -51,7 +54,7 @@ export const ControlBarGitHubButtons: React.FC<Props> = props => {
       label={mainButtonDisplayText}
       icon={IconNames.GIT_BRANCH}
       options={{ intent: mainButtonIntent }}
-      //isDisabled={props.isFolderModeEnabled}
+      isDisabled={isNotPlayground}
     />
   );
 
@@ -97,13 +100,12 @@ export const ControlBarGitHubButtons: React.FC<Props> = props => {
     <ControlButton label="Log In" icon={IconNames.LOG_IN} onClick={props.onClickLogIn} />
   );
 
-  //const tooltipContent = props.isFolderModeEnabled
-  //  ? 'Currently unsupported in Folder mode'
-  //  : undefined;
-  const tooltipContent = undefined;
+  const tooltipContent = isNotPlayground
+    ? 'Currently unsupported in non playground workspaces'
+    : undefined;
 
   return (
-    <Tooltip2 content={tooltipContent} disabled={false}>
+    <Tooltip2 content={tooltipContent} disabled={tooltipContent === undefined}>
       <Popover2
         autoFocus={false}
         content={
@@ -118,7 +120,7 @@ export const ControlBarGitHubButtons: React.FC<Props> = props => {
           </div>
         }
         popoverClassName={Classes.POPOVER_DISMISS}
-        //disabled={props.isFolderModeEnabled}
+        disabled={isNotPlayground}
       >
         {mainButton}
       </Popover2>

src/pages/playground/Playground.tsx

@@ -607,6 +607,7 @@ const Playground: React.FC<PlaygroundProps> = props => {
     return (
       <ControlBarGoogleDriveButtons
         isFolderModeEnabled={isFolderModeEnabled}
+        workspaceLocation={workspaceLocation}
         currPersistenceFile={persistenceFile}
         loggedInAs={persistenceUser}
         isDirty={persistenceIsDirty}
@@ -629,7 +630,8 @@ const Playground: React.FC<PlaygroundProps> = props => {
     persistenceUser,
     persistenceIsDirty,
     dispatch,
-    googleAccessToken
+    googleAccessToken,
+    workspaceLocation
   ]);
 
   const githubPersistenceIsDirty =
@@ -641,6 +643,7 @@ const Playground: React.FC<PlaygroundProps> = props => {
       <ControlBarGitHubButtons
         key="github"
         isFolderModeEnabled={isFolderModeEnabled}
+        workspaceLocation={workspaceLocation}
         currPersistenceFile={persistenceFile}
         loggedInAs={githubOctokitObject.octokit}
         githubSaveInfo={githubSaveInfo}
@@ -659,7 +662,8 @@ const Playground: React.FC<PlaygroundProps> = props => {
     githubPersistenceIsDirty,
     githubSaveInfo,
     isFolderModeEnabled,
-    persistenceFile
+    persistenceFile,
+    workspaceLocation
   ]);
 
   const executionTime = useMemo(