diff options
| author | Nate Sesti <sestinj@gmail.com> | 2023-08-03 22:58:47 -0700 |
|---|---|---|
| committer | Nate Sesti <sestinj@gmail.com> | 2023-08-03 22:58:47 -0700 |
| commit | 8070ce17c6d666436df38c684f5868ee7f689422 (patch) | |
| tree | 0f94ad011616e6a9c5dbd37de1ef5de5b2a7ed9e /extension/react-app/src/pages/gui.tsx | |
| parent | 0181d6236d8b74c80adb62648fd6571431cf3210 (diff) | |
| download | sncontinue-8070ce17c6d666436df38c684f5868ee7f689422.tar.gz sncontinue-8070ce17c6d666436df38c684f5868ee7f689422.tar.bz2 sncontinue-8070ce17c6d666436df38c684f5868ee7f689422.zip | |
feat: :lipstick: nicer "continue server loading" UI
Diffstat (limited to 'extension/react-app/src/pages/gui.tsx')
| -rw-r--r-- | extension/react-app/src/pages/gui.tsx | 31 |
1 files changed, 26 insertions, 5 deletions
diff --git a/extension/react-app/src/pages/gui.tsx b/extension/react-app/src/pages/gui.tsx index 54897944..ed73ce85 100644 --- a/extension/react-app/src/pages/gui.tsx +++ b/extension/react-app/src/pages/gui.tsx @@ -32,6 +32,7 @@ import { setBottomMessage, setBottomMessageCloseTimeout, } from "../redux/slices/uiStateSlice"; +import RingLoader from "../components/RingLoader"; const TopGUIDiv = styled.div` overflow: hidden; @@ -402,11 +403,31 @@ function GUI(props: GUIProps) { > {typeof client === "undefined" && ( <> - <Loader /> - <p style={{ textAlign: "center" }}>Loading Continue server...</p> - {/* <p style={{ textAlign: "center" }}> - Make sure you have a folder opened in VS Code - </p> */} + <RingLoader /> + <p + style={{ + textAlign: "center", + margin: "0px", + fontSize: "14px", + }} + > + 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> </> )} {history?.timeline.map((node: HistoryNode, index: number) => { |