From ceafdf18c9d9f0f8769d4a9e45c8a407179161c5 Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Wed, 6 Sep 2023 23:02:59 -0700
Subject: feat: :lipstick: handful of UI improvements

---
 extension/react-app/src/components/Layout.tsx | 54 +++++++++++++++------------
 1 file changed, 31 insertions(+), 23 deletions(-)

(limited to 'extension/react-app/src/components/Layout.tsx')

diff --git a/extension/react-app/src/components/Layout.tsx b/extension/react-app/src/components/Layout.tsx
index de8b86d8..065b77c6 100644
--- a/extension/react-app/src/components/Layout.tsx
+++ b/extension/react-app/src/components/Layout.tsx
@@ -3,7 +3,7 @@ import { defaultBorderRadius, secondaryDark, vscForeground } from ".";
 import { Outlet } from "react-router-dom";
 import Onboarding from "./Onboarding";
 import TextDialog from "./TextDialog";
-import { useContext, useEffect } from "react";
+import { useContext, useEffect, useState } from "react";
 import { GUIClientContext } from "../App";
 import { useDispatch, useSelector } from "react-redux";
 import { RootStore } from "../redux/store";
@@ -145,29 +145,37 @@ const Layout = () => {
         <GridDiv>
           <Outlet />
           <Footer>
-            {localStorage.getItem("hideFeature") === "true" || (
-              <SparklesIcon
-                className="mr-auto cursor-pointer"
-                onClick={() => {
-                  localStorage.setItem("hideFeature", "true");
-                }}
-                onMouseEnter={() => {
-                  dispatch(
-                    setBottomMessage(
-                      "🎁 New Feature: Use ⌘⇧R automatically debug errors in the terminal (you can click the sparkle icon to make it go away)"
-                    )
-                  );
-                }}
-                onMouseLeave={() => {
-                  dispatch(setBottomMessage(undefined));
-                }}
-                width="1.3em"
-                height="1.3em"
-                color="yellow"
-              />
+            {(localStorage.getItem("hideFeature") === "true" && false) || (
+              <div className="mr-auto flex gap-2 items-center">
+                <SparklesIcon
+                  className="cursor-pointer"
+                  onClick={() => {
+                    localStorage.setItem("hideFeature", "true");
+                  }}
+                  onMouseEnter={() => {
+                    dispatch(
+                      setBottomMessage(
+                        "🎁 New Feature: Use ⌘⇧R automatically debug errors in the terminal (you can click the sparkle icon to make it go away)"
+                      )
+                    );
+                  }}
+                  onMouseLeave={() => {
+                    dispatch(
+                      setBottomMessageCloseTimeout(
+                        setTimeout(() => {
+                          dispatch(setBottomMessage(undefined));
+                        }, 2000)
+                      )
+                    );
+                  }}
+                  width="1.3em"
+                  height="1.3em"
+                  color="yellow"
+                />
+
+                <ModelSelect />
+              </div>
             )}
-
-            <ModelSelect />
             <HeaderButtonWithText
               onClick={() => {
                 client?.loadSession(undefined);
-- 
cgit v1.2.3-70-g09d2

