From 8440fa42ea275f60762383ba4d2ba2c593e88a52 Mon Sep 17 00:00:00 2001
From: "Jade (Rose) Rowland" <jaderowlanddev@gmail.com>
Date: Mon, 14 Oct 2024 13:51:14 -0400
Subject: [PATCH] remove unessecary hover logic

---
 website/src/repl/components/panel/Panel.jsx | 24 +++++++--------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/website/src/repl/components/panel/Panel.jsx b/website/src/repl/components/panel/Panel.jsx
index bf67f725..681394b7 100644
--- a/website/src/repl/components/panel/Panel.jsx
+++ b/website/src/repl/components/panel/Panel.jsx
@@ -18,23 +18,18 @@ const TAURI = typeof window !== 'undefined' && window.__TAURI__;
 export function HorizontalPanel({ context }) {
   const settings = useSettings();
   const { isPanelPinned: pinned, activeFooter: tab } = settings;
-  const [isHovered, setIsHovered] = useState(false);
-  const showContent = isHovered || pinned;
 
   return (
     <PanelNav
-      onMouseEnter={(x) => setIsHovered(true)}
-      onMouseLeave={(x) => setIsHovered(false)}
       className={cx(
         'hover:max-h-[360px] hover:min-h-[360px] justify-between flex flex-col',
         pinned ? `min-h-[360px] max-h-[360px]` : 'min-h-10 max-h-10',
       )}
     >
-      {showContent && (
-        <div className="flex h-full overflow-auto">
-          <PanelContent context={context} tab={tab} />
-        </div>
-      )}
+      <div className="flex h-full overflow-auto">
+        <PanelContent context={context} tab={tab} />
+      </div>
+
       <div className="flex justify-between min-h-10 max-h-10 pr-2 items-center">
         <Tabs setTab={setTab} tab={tab} pinned={pinned} />
         <PinButton pinned={pinned} setPinned={setPanelPinned} />
@@ -46,8 +41,6 @@ export function HorizontalPanel({ context }) {
 export function VerticalPanel({ context }) {
   const settings = useSettings();
   const { isPanelPinned: pinned, activeFooter: tab } = settings;
-  const [isHovered, setIsHovered] = useState(false);
-  const showContent = isHovered || pinned;
 
   return (
     <PanelNav
@@ -60,11 +53,10 @@ export function VerticalPanel({ context }) {
           <Tabs setTab={setTab} tab={tab} pinned={pinned} />
           <PinButton pinned={pinned} setPinned={setPanelPinned} />
         </div>
-        {showContent && (
-          <div className="overflow-auto">
-            <PanelContent context={context} tab={tab} />
-          </div>
-        )}
+
+        <div className="overflow-auto">
+          <PanelContent context={context} tab={tab} />
+        </div>
       </div>
       <div className={cx(pinned ? 'hidden' : 'flex flex-col items-center justify-center  h-full group-hover:hidden ')}>
         <ChevronLeftIcon className="text-foreground opacity-50 w-6 h-6" />