Add loading workspace state

presleyp · presleyp · commit 7727a1b934bf · 2022-05-10T22:59:41.000Z
diff --git a/site/src/components/WorkspaceStatusBar/WorkspaceStatusBar.tsx b/site/src/components/WorkspaceStatusBar/WorkspaceStatusBar.tsx
@@ -22,6 +22,7 @@ const Language = {
   starting: "Building",
   stopping: "Stopping",
   error: "Build Failed",
+  loading: "Loading Status"
 }
 
 export interface WorkspaceStatusBarProps {
@@ -79,6 +80,7 @@ export const WorkspaceStatusBar: React.FC<WorkspaceStatusBarProps> = ({
               {workspaceStatus === "stopped" && Language.stopped}
               {workspaceStatus === "stopping" && Language.stopping}
               {workspaceStatus === "error" && Language.error}
+              {workspaceStatus === "loading" && Language.loading}
             </Box>
           </div>
 
diff --git a/site/src/pages/WorkspacePage/WorkspacePage.tsx b/site/src/pages/WorkspacePage/WorkspacePage.tsx
@@ -9,7 +9,7 @@ import { Workspace } from "../../components/Workspace/Workspace"
 import { firstOrItem } from "../../util/array"
 import { XServiceContext } from "../../xServices/StateContext"
 
-export type WorkspaceStatus = "started" | "starting" | "stopped" | "stopping" | "error"
+export type WorkspaceStatus = "started" | "starting" | "stopped" | "stopping" | "error" | "loading"
 
 export const WorkspacePage: React.FC = () => {
   const { workspace: workspaceQueryParam } = useParams()
@@ -28,8 +28,10 @@ export const WorkspacePage: React.FC = () => {
     workspaceStatus = "starting"
   } else if (workspaceState.hasTag("stopping")) {
     workspaceStatus = "stopping"
-  } else {
+  } else if (workspaceState.matches("ready.build.error")) {
     workspaceStatus = "error"
+  } else {
+    workspaceStatus = "loading"
   }
 
   /**
