chore: add a button to open/close search in toolbar

1 files changed, 18 insertions, 1 deletions

diff --git a/src/components/Toolbar/Toolbar.tsx b/src/components/Toolbar/Toolbar.tsx
index b7acce9..6be2029 100644
--- a/src/components/Toolbar/Toolbar.tsx
+++ b/src/components/Toolbar/Toolbar.tsx
@@ -1,10 +1,27 @@
+import { ButtonSearch } from '@components/Buttons';
 import MainNav from '@components/MainNav/MainNav';
+import { useEffect, useState } from 'react';
 import styles from './Toolbar.module.scss';
 
 const Toolbar = () => {
+  const [isNavOpened, setIsNavOpened] = useState<boolean>(false);
+  const [isSearchOpened, setIsSearchOpened] = useState<boolean>(false);
+
+  useEffect(() => {
+    if (isNavOpened) setIsSearchOpened(false);
+  }, [isNavOpened]);
+
+  useEffect(() => {
+    if (isSearchOpened) setIsNavOpened(false);
+  }, [isSearchOpened]);
+
   return (
     <div className={styles.wrapper}>
-      <MainNav />
+      <MainNav isOpened={isNavOpened} setIsOpened={setIsNavOpened} />
+      <ButtonSearch
+        isActivated={isSearchOpened}
+        setIsActivated={setIsSearchOpened}
+      />
     </div>
   );
 };