From cce17329698aa6c0383b8f44cafbecb0cf41bb4a Mon Sep 17 00:00:00 2001
From: Saimon8420 <latifulkabir567@gmail.com>
Date: Sun, 5 Jan 2025 12:46:58 +0600
Subject: [PATCH] menubar fixed

---
 src/components/Layouts/Header.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/Layouts/Header.jsx b/src/components/Layouts/Header.jsx
index 4864363..7981196 100644
--- a/src/components/Layouts/Header.jsx
+++ b/src/components/Layouts/Header.jsx
@@ -3,15 +3,21 @@ import { useContext } from 'react';
 import OpenContext from '../Context/openContext/OpenContext';
 
 const Header = () => {
-    const { setRightPanelOpen, setLeftPanelOpen } = useContext(OpenContext)
+    const { setRightPanelOpen, rightPanelOpen, setLeftPanelOpen, leftPanelOpen } = useContext(OpenContext);
 
     return (
         <div className='bg-[#f2e6f8] fixed top-0 w-[60px] z-[900] min-w-full flex items-center p-4 shadow-md'>
-            <p className='mr-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setLeftPanelOpen(true)}><AlignLeft /><span className='hidden xl:block lg:block md:block sm:block'>Add Element</span></p>
+            {
+                leftPanelOpen === false &&
+                <p className='mr-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setLeftPanelOpen(true)}><AlignLeft /><span className='hidden xl:block lg:block md:block sm:block'>Add Element</span></p>
+            }
 
             <h1 className='font-semibold'>PlanPostAi Canvas</h1>
 
-            <p className='ml-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setRightPanelOpen(true)}> <span className='hidden xl:block lg:block md:block sm:block'>Edit Panel</span><AlignRight /></p>
+            {
+                rightPanelOpen === false &&
+                <p className='ml-auto flex-wrap gap-1 cursor-pointer text-xs items-center font-semibold xl:flex lg:flex md:flex hidden' onClick={() => setRightPanelOpen(true)}> <span className='hidden xl:block lg:block md:block sm:block'>Edit Panel</span><AlignRight /></p>
+            }
         </div>
     )
 }