From 2b2c0b785d4dea2009c6628ac0097fb4e6baf832 Mon Sep 17 00:00:00 2001
From: zojgame <zogame002@gmail.com>
Date: Mon, 13 May 2024 13:13:12 +0500
Subject: [PATCH] fix sidebar description disappearing

---
 .../complexWingPage/FloorSidebar/FloorSidebar.tsx     |  9 ++++++---
 src/components/complexWingPage/SequenceWing.tsx       |  7 +++++--
 .../SkygardenSidebar/SkygardenSidebar.tsx             | 11 +++++++++--
 3 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/src/components/complexWingPage/FloorSidebar/FloorSidebar.tsx b/src/components/complexWingPage/FloorSidebar/FloorSidebar.tsx
index b677e5b..fce692a 100644
--- a/src/components/complexWingPage/FloorSidebar/FloorSidebar.tsx
+++ b/src/components/complexWingPage/FloorSidebar/FloorSidebar.tsx
@@ -4,11 +4,14 @@ import FloorWestWingLayout from "./FloorWestWingLayout";
 
 interface IFloorSidebarProps {
   currentFloor: IDesctiptionFloor | null;
+  onMouseEnter: () => void;
 }
-
-const FloorSidebar = ({ currentFloor }: IFloorSidebarProps) => {
+const FloorSidebar = ({ currentFloor, onMouseEnter }: IFloorSidebarProps) => {
   return (
-    <div className="absolute h-full right-0 w-full z-20 bg-[#F3F3F2] p-6 flex flex-col top-[56px] ">
+    <div
+      className="absolute h-full right-0 w-full z-20 bg-[#F3F3F2] p-6 flex flex-col top-[56px] "
+      onMouseOver={onMouseEnter}
+    >
       <div className="flex justify-between pb-4">
         <div className="flex flex-col">
           <h1 className="text-subheadline-m font-semibold text-[#0D1922]">
diff --git a/src/components/complexWingPage/SequenceWing.tsx b/src/components/complexWingPage/SequenceWing.tsx
index 3517b34..b1ad314 100644
--- a/src/components/complexWingPage/SequenceWing.tsx
+++ b/src/components/complexWingPage/SequenceWing.tsx
@@ -153,13 +153,16 @@ const SequenceWing = () => {
         className=" absolute h-[calc(100vh-56px)] right-0 w-1/2 duration-300 transition-all "
         style={{ right: `${isFloorSidebar ? "0" : "-50%"}` }}
       >
-        <FloorSidebar currentFloor={currentFloor} />
+        <FloorSidebar
+          currentFloor={currentFloor}
+          onMouseEnter={handleOnWingWrapperMouseLeave}
+        />
       </div>
       <div
         className=" absolute h-[calc(100vh-56px)] right-0 w-1/2 duration-300 transition-all"
         style={{ right: `${isSkygardenSidebar ? "0" : "-50%"}` }}
       >
-        <SkygardenSidebar />
+        <SkygardenSidebar onMouseEnter={handleOnWingWrapperMouseLeave} />
       </div>
 
       <div
diff --git a/src/components/complexWingPage/SkygardenSidebar/SkygardenSidebar.tsx b/src/components/complexWingPage/SkygardenSidebar/SkygardenSidebar.tsx
index 82c7c1c..333d1cd 100644
--- a/src/components/complexWingPage/SkygardenSidebar/SkygardenSidebar.tsx
+++ b/src/components/complexWingPage/SkygardenSidebar/SkygardenSidebar.tsx
@@ -20,9 +20,16 @@ import ActivityCard from "./ActivityCard";
 import ZoneSlider from "./ZoneSlider";
 import LayoutSlider from "./LayoutSlider";
 
-const SkygardenSidebar = () => {
+interface ISkygardenSidebarProps {
+  onMouseEnter: () => void;
+}
+
+const SkygardenSidebar = ({ onMouseEnter }: ISkygardenSidebarProps) => {
   return (
-    <div className="absolute h-full right-0 w-full z-30 bg-[#F3F3F2] py-6  flex flex-col top-[56px]">
+    <div
+      className="absolute h-full right-0 w-full z-30 bg-[#F3F3F2] py-6  flex flex-col top-[56px]"
+      onMouseOver={onMouseEnter}
+    >
       <div className="flex justify-between pb-2 border-b border-b-[#E2E2DC] mx-6">
         <div className="flex flex-col ">
           <h1 className="text-subheadline-m font-semibold text-[#0D1922]">