From 9e764b61f67695c35be3164e7191608de41d1391 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Vladan=20Tomi=C4=87?= <tomic.vladan.mail@gmail.com>
Date: Fri, 20 Oct 2023 16:15:08 +0200
Subject: [PATCH] fix: searchbar appearing (#549)

---
 .../MainNavigationBar/MainNavigationBar.tsx       | 15 ++++++++++++++-
 src/pages/drive/index.tsx                         |  3 +++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx b/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
index 6242c184..0678c37c 100644
--- a/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
+++ b/src/components/NavigationBars/MainNavigationBar/MainNavigationBar.tsx
@@ -14,6 +14,8 @@ import { useDialogs } from '@context/DialogsContext';
 import NavigationMenuLight from '@media/UI/drive-view-list-light.svg';
 import NavigationMenuDark from '@media/UI/drive-view-list-dark.svg';
 import ThemeContext from '@context/ThemeContext';
+import PodContext from '@context/PodContext';
+import { Transition } from '@headlessui/react';
 
 // import ActivityDropdown from './ActivityDropdown/ActivityDropdown';
 
@@ -23,6 +25,7 @@ const MainNavigationBar: FC<Record<string, never>> = () => {
   const { wallet } = useFdpStorage();
   const { metamaskMigrationNotification } = useContext(UserContext);
   const { setMobileNavigationOpen } = useDialogs();
+  const { activePod } = useContext(PodContext);
 
   return (
     <nav>
@@ -45,7 +48,17 @@ const MainNavigationBar: FC<Record<string, never>> = () => {
 
         <div className="flex justify-between items-center">
           <div className="hidden sm:block mr-16">
-            <SearchBar />
+            <Transition
+              show={Boolean(activePod)}
+              enter="transition ease duration-700 transform"
+              enterFrom="opacity-0 -translate-y-full"
+              enterTo="opacity-100 translate-y-0"
+              leave="transition ease duration-1000 transform"
+              leaveFrom="opacity-100 translate-y-0"
+              leaveTo="opacity-0 -translate-y-full"
+            >
+              <SearchBar />
+            </Transition>
           </div>
           <div className="flex flex-nowrap space-x-5">
             <UserDropdownToggle
diff --git a/src/pages/drive/index.tsx b/src/pages/drive/index.tsx
index 9acaf389..415e8334 100644
--- a/src/pages/drive/index.tsx
+++ b/src/pages/drive/index.tsx
@@ -239,6 +239,9 @@ const Drive: FC = () => {
   };
 
   const onBackToDrive = () => {
+    if (loading) {
+      return;
+    }
     setError(null);
     setActivePod('');
     setDirectoryName('');