summaryrefslogtreecommitdiff
path: root/extension/react-app/src
diff options
context:
space:
mode:
Diffstat (limited to 'extension/react-app/src')
-rw-r--r--extension/react-app/src/components/Layout.tsx25
-rw-r--r--extension/react-app/src/pages/gui.tsx4
2 files changed, 27 insertions, 2 deletions
diff --git a/extension/react-app/src/components/Layout.tsx b/extension/react-app/src/components/Layout.tsx
index 54a4517f..86192afb 100644
--- a/extension/react-app/src/components/Layout.tsx
+++ b/extension/react-app/src/components/Layout.tsx
@@ -17,6 +17,7 @@ import {
FolderIcon,
BookOpenIcon,
ChatBubbleOvalLeftEllipsisIcon,
+ SparklesIcon,
} from "@heroicons/react/24/outline";
import HeaderButtonWithText from "./HeaderButtonWithText";
import { useNavigate } from "react-router-dom";
@@ -138,6 +139,30 @@ const Layout = () => {
{bottomMessage}
</BottomMessageDiv>
<Footer>
+ <SparklesIcon
+ visibility={
+ localStorage.getItem("hideFeature") === "true"
+ ? "hidden"
+ : "visible"
+ }
+ className="mr-auto cursor-pointer"
+ onClick={() => {
+ localStorage.setItem("hideFeature", "true");
+ }}
+ onMouseEnter={() => {
+ dispatch(
+ setBottomMessage(
+ "🎁 New Feature: Use ⌘D automatically debug errors in the terminal"
+ )
+ );
+ }}
+ onMouseLeave={() => {
+ dispatch(setBottomMessage(undefined));
+ }}
+ width="1.3em"
+ height="1.3em"
+ color="yellow"
+ />
<HeaderButtonWithText
onClick={() => {
client?.loadSession(undefined);
diff --git a/extension/react-app/src/pages/gui.tsx b/extension/react-app/src/pages/gui.tsx
index 39a3f13a..86cb4b9a 100644
--- a/extension/react-app/src/pages/gui.tsx
+++ b/extension/react-app/src/pages/gui.tsx
@@ -405,8 +405,8 @@ function GUI(props: GUIProps) {
<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. */}
- Tip: If there is an error in the terminal, use COMMAND+D to
- automatically debug
+ {/* Tip: If there is an error in the terminal, use COMMAND+D to
+ automatically debug */}
</div>
</>
)}