From 698dccf474619963de0312d36af6d01e3df8b47a Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Tue, 8 Aug 2023 14:10:22 -0700
Subject: feat: :children_crossing: display troubleshooting link when loading

---
 extension/react-app/src/pages/gui.tsx | 66 +++++++++++++++++++++++++++--------
 1 file changed, 51 insertions(+), 15 deletions(-)

(limited to 'extension/react-app/src/pages/gui.tsx')

diff --git a/extension/react-app/src/pages/gui.tsx b/extension/react-app/src/pages/gui.tsx
index ff113636..4c89bbaa 100644
--- a/extension/react-app/src/pages/gui.tsx
+++ b/extension/react-app/src/pages/gui.tsx
@@ -351,21 +351,57 @@ function GUI(props: GUIProps) {
           >
             Continue Server Starting
           </p>
-          <p
-            style={{
-              margin: "auto",
-              textAlign: "center",
-              marginTop: "4px",
-              fontSize: "12px",
-              cursor: "pointer",
-              opacity: 0.7,
-            }}
-            onClick={() => {
-              postVscMessage("toggleDevTools", {});
-            }}
-          >
-            <u>Click to view logs</u>
-          </p>
+          <div className="flex mx-8 my-2">
+            <p
+              style={{
+                margin: "auto",
+                textAlign: "center",
+                marginTop: "4px",
+                fontSize: "12px",
+                cursor: "pointer",
+                opacity: 0.7,
+              }}
+            >
+              <u>
+                <a
+                  style={{ color: "inherit" }}
+                  href="https://continue.dev/docs/troubleshooting"
+                >
+                  Troubleshooting help
+                </a>
+              </u>
+            </p>
+            <p
+              style={{
+                margin: "auto",
+                textAlign: "center",
+                marginTop: "4px",
+                fontSize: "12px",
+                cursor: "pointer",
+                opacity: 0.7,
+              }}
+              onClick={() => {
+                postVscMessage("toggleDevTools", {});
+              }}
+            >
+              <u>View logs</u>
+            </p>
+            <p
+              style={{
+                margin: "auto",
+                textAlign: "center",
+                marginTop: "4px",
+                fontSize: "12px",
+                cursor: "pointer",
+                opacity: 0.7,
+              }}
+              onClick={() => {
+                postVscMessage("reloadWindow", {});
+              }}
+            >
+              <u>Reload the window</u>
+            </p>
+          </div>
           <div className="w-3/4 m-auto text-center text-xs">
             Tip: Drag the Continue logo from the far left of the window to the
             right, then toggle Continue using option/alt+command+m.
-- 
cgit v1.2.3-70-g09d2

