From 860618fb667dc78853298d691ca91fc11e3d6935 Mon Sep 17 00:00:00 2001
From: Bikash <tulsiojhaamg@gmail.com>
Date: Mon, 14 Oct 2024 12:12:31 +0545
Subject: [PATCH] popup issue fix

---
 .../routes/_main+/$account+/_layout.tsx       | 25 +++++++++++++------
 1 file changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/apps/console/routes/_main+/$account+/_layout.tsx b/src/apps/console/routes/_main+/$account+/_layout.tsx
index 6b39b4794..359d1b219 100644
--- a/src/apps/console/routes/_main+/$account+/_layout.tsx
+++ b/src/apps/console/routes/_main+/$account+/_layout.tsx
@@ -402,6 +402,7 @@ const CurrentBreadcrum = ({ account }: { account: IAccount }) => {
     [searchText, accounts]
   );
 
+  const navigate = useNavigate();
   const [open, setOpen] = useState(false);
   const buttonRef = useRef<HTMLButtonElement>(null);
   const [isMouseOver, setIsMouseOver] = useState<boolean>(false);
@@ -474,10 +475,14 @@ const CurrentBreadcrum = ({ account }: { account: IAccount }) => {
 
           {searchResp?.map((item) => {
             return (
-              <OptionList.Link
+              <OptionList.Item
                 key={parseName(item)}
-                LinkComponent={Link}
-                to={`/${parseName(item)}/environments`}
+                onClick={() => {
+                  setOpen(false);
+                  setTimeout(() => {
+                    navigate(`/${parseName(item)}/environments`);
+                  }, 200);
+                }}
                 className={cn(
                   'flex flex-row items-center justify-between',
                   parseName(item) === parseName(account)
@@ -491,18 +496,22 @@ const CurrentBreadcrum = ({ account }: { account: IAccount }) => {
                     <Check size={16} />
                   </span>
                 )}
-              </OptionList.Link>
+              </OptionList.Item>
             );
           })}
 
           <OptionList.Separator />
-          <OptionList.Link
-            LinkComponent={Link}
-            to="/new-team"
+          <OptionList.Item
             className="text-text-primary"
+            onClick={() => {
+              setOpen(false);
+              setTimeout(() => {
+                navigate('/new-team');
+              }, 200);
+            }}
           >
             <Plus size={16} /> <span>Create team</span>
-          </OptionList.Link>
+          </OptionList.Item>
         </OptionList.Content>
       </OptionList.Root>
     </>