ui: add reload button for Loading component

Resolves cockroachdb#68602 Release note (ui change): when an error is encoutered in the statement/ transaction/session page, user can now click on reload button to reload the page.
Azhng · Oct 21, 2021 · 8a19a09 · 8a19a09
1 parent 27f0d45
commit 8a19a09
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/pkg/ui/workspaces/cluster-ui/src/loading/loading.tsx b/pkg/ui/workspaces/cluster-ui/src/loading/loading.tsx
@@ -81,7 +81,20 @@ export const Loading: React.FC<LoadingProps> = props => {
         } else {
           return {
             intent: "danger",
-            description: <span>{error.message}</span>,
+            description: (
+              <div>
+                <span>{error.message}</span>
+                {". "}
+                <a
+                  className={cx("action")}
+                  onClick={() => {
+                    window.location.reload();
+                  }}
+                >
+                  Reload this page
+                </a>
+              </div>
+            ),
           };
         }
       })