From b6080d89c68f198d2450a5e9114789b30bfef233 Mon Sep 17 00:00:00 2001
From: Leithon English <leithonenglish@gmail.com>
Date: Thu, 10 Mar 2022 09:51:20 -0500
Subject: [PATCH] intiial commit

---
 .../components/buttons/InfoIndicatorButton.js | 40 +++++++++++--------
 .../src/models/enums/build-status.ts          |  2 +
 2 files changed, 26 insertions(+), 16 deletions(-)

diff --git a/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js b/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js
index 3101e5ac8d686..4cdf28f2cb51b 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js
+++ b/packages/gatsby-plugin-gatsby-cloud/src/components/buttons/InfoIndicatorButton.js
@@ -125,6 +125,20 @@ const InfoIndicatorButton = ({
   }
 
   useEffect(() => {
+    const displaySimpleMessage = message => {
+      setButtonProps({
+        ...initialButtonProps,
+        tooltip: {
+          testId: initialButtonProps.testId,
+          content: message,
+          overrideShow: false,
+          show: false,
+          hoverable: true,
+        },
+        active: true,
+        hoverable: true,
+      })
+    }
     const buildStatusActions = {
       [BuildStatus.UPTODATE]: () => {
         if (shouldShowFeedback) {
@@ -151,22 +165,12 @@ const InfoIndicatorButton = ({
             hoverable: true,
           })
         } else {
-          setButtonProps({
-            ...initialButtonProps,
-            tooltip: {
-              testId: initialButtonProps.testId,
-              content: `Preview updated ${formatDistance(
-                Date.now(),
-                new Date(createdAt),
-                { includeSeconds: true }
-              )} ago`,
-              overrideShow: false,
-              show: false,
-              hoverable: true,
-            },
-            active: true,
-            hoverable: true,
-          })
+          const message = `Preview updated ${formatDistance(
+            Date.now(),
+            new Date(createdAt),
+            { includeSeconds: true }
+          )} ago`
+          displaySimpleMessage(message)
         }
       },
       [BuildStatus.SUCCESS]: () => {
@@ -215,6 +219,10 @@ const InfoIndicatorButton = ({
           onClick: onTooltipToogle,
         })
       },
+      [BuildStatus.BUILDING]: displaySimpleMessage(`Building your preview...`),
+      [BuildStatus.QUEUED]: () =>
+        displaySimpleMessage(`Kicking off your build...`),
+      [BuildStatus.UPLOADING]: () => displaySimpleMessage(`Deploying...`),
     }
 
     // this is because the build status enum is used for ui state - so we can't have 1 ui state that covers multiple build statuses.
diff --git a/packages/gatsby-plugin-gatsby-cloud/src/models/enums/build-status.ts b/packages/gatsby-plugin-gatsby-cloud/src/models/enums/build-status.ts
index 5bf26a1834088..dc01814b0b9b3 100644
--- a/packages/gatsby-plugin-gatsby-cloud/src/models/enums/build-status.ts
+++ b/packages/gatsby-plugin-gatsby-cloud/src/models/enums/build-status.ts
@@ -3,4 +3,6 @@ export enum BuildStatus {
   UPTODATE = `UPTODATE`,
   ERROR = `ERROR`,
   BUILDING = `BUILDING`,
+  QUEUED = `QUEUED`,
+  UPLOADING = `UPLOADING`,
 }