[dashboard] Optionally: have an explicit modal for re-starting

Author: geropl

components/dashboard/src/start/StartWorkspace.tsx

@@ -12,6 +12,7 @@ import React, { Suspense, useEffect } from "react";
 import { v4 } from 'uuid';
 import Arrow from "../components/Arrow";
 import ContextMenu from "../components/ContextMenu";
+//import Modal from "../components/Modal";
 import PendingChangesDropdown from "../components/PendingChangesDropdown";
 import { watchHeadlessLogs } from "../components/PrebuildLogs";
 import { getGitpodService, gitpodHostUrl } from "../service/service";
@@ -80,7 +81,7 @@ export interface StartWorkspaceState {
     clientID?: string
   };
   ideOptions?: IDEOptions;
-  showRestartModal?: boolean;
+  //showRestartModal?: boolean;
   /**
    * This flag is used to break the autostart-cycle explained in https://github.com/gitpod-io/gitpod/issues/8043
    */
@@ -133,7 +134,7 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
     const params = this.props.parameters;
     if (params?.trigger === "redirect_from_ws_cluster"
       || params?.trigger === "redirect_from_supervisor") {
-      this.setState({ dontAutostart: true });
+      this.setState({ dontAutostart: true /*, showRestartModal: true*/ });
       this.fetchWorkspaceInfo(undefined);
       return;
     }
@@ -357,7 +358,7 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
   }
 
   render() {
-    const { error } = this.state;
+    const { error, /*showRestartModal*/ } = this.state;
     const isHeadless = this.state.workspace?.type !== 'regular';
     const isPrebuilt = WithPrebuild.is(this.state.workspace?.context);
     let phase = StartPhase.Preparing;
@@ -522,6 +523,12 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
     }
 
     return <StartPage phase={phase} error={error} title={title}>
+      {/* {showRestartModal &&
+        RestartWorkspaceModal(this.state.workspace, () => {
+          this.setState({ showRestartModal: false });
+          this.startWorkspace(true);
+        })
+      } */}
       {statusMessage}
     </StartPage>;
   }
@@ -598,3 +605,23 @@ function HeadlessWorkspaceView(props: { instanceId: string }) {
     </Suspense>
   </StartPage>;
 }
+
+// function RestartWorkspaceModal(workspace: Workspace | undefined, onStart: () => void) {
+//   return <Modal visible={true} closeable={false} onClose={() => { }}>
+//     <h3 className="flex">
+//       <span className="flex-grow">Restart workspace?</span>
+//     </h3>
+//     <div className="border-t border-b border-gray-200 dark:border-gray-800 mt-4 -mx-6 px-6 py-2">
+//       <a onClick={onStart} className="rounded-xl group hover:bg-gray-100 dark:hover:bg-gray-800 flex p-3 my-1">
+//         <div className="w-full">
+//           <p className="text-base text-black dark:text-gray-100 font-bold">{workspace?.id}</p>
+//           <p className="truncate" title={workspace?.contextURL}>{workspace?.contextURL}</p>
+//         </div>
+//       </a>
+//     </div>
+//     <div className="flex justify-end mt-6">
+//       <a href={gitpodHostUrl.asDashboard().toString()}><button className="secondary">Go to Dashboard</button></a>
+//       <a onClick={onStart} className="ml-2"><button>Restart</button></a>
+//     </div>
+//   </Modal>;
+// }