-
-
+
{isSearch &&
-
+ {!isOpen
+ ?
+ :
+ }
}
diff --git a/components/petdex/Navbar/Navbar.types.ts b/components/petdex/Navbar/Navbar.types.ts
new file mode 100644
index 0000000..f17103e
--- /dev/null
+++ b/components/petdex/Navbar/Navbar.types.ts
@@ -0,0 +1,5 @@
+
+export type NavbarTypes = & {
+ handleSearchButton?: () => boolean | void
+ handleButton?: () => boolean
+}
\ No newline at end of file
diff --git a/components/petdex/Navbar/assets/Logo-mobile.tsx b/components/petdex/Navbar/assets/Logo-mobile.tsx
new file mode 100644
index 0000000..5705ecc
--- /dev/null
+++ b/components/petdex/Navbar/assets/Logo-mobile.tsx
@@ -0,0 +1,10 @@
+
+function LogoMobile() {
+ return (
+
+ )
+}
+
+export { LogoMobile }
\ No newline at end of file
diff --git a/components/petdex/Navbar/assets/Logo.tsx b/components/petdex/Navbar/assets/Logo.tsx
index 5317317..48cfda4 100644
--- a/components/petdex/Navbar/assets/Logo.tsx
+++ b/components/petdex/Navbar/assets/Logo.tsx
@@ -1,22 +1,15 @@
-function Logo({ isSearch }) {
+function Logo() {
return (
<>
- {
- isSearch
- ?
-
- :
- }
+
>
)
}
diff --git a/components/petdex/Navbar/assets/Menu-button-mobile.tsx b/components/petdex/Navbar/assets/Menu-button-mobile.tsx
new file mode 100644
index 0000000..9d52a7b
--- /dev/null
+++ b/components/petdex/Navbar/assets/Menu-button-mobile.tsx
@@ -0,0 +1,13 @@
+
+function MenuButtonMobile({ handleButton }) {
+ return (
+
+ )
+}
+
+
+export { MenuButtonMobile }
\ No newline at end of file
diff --git a/components/petdex/Navbar/assets/Menu-button.tsx b/components/petdex/Navbar/assets/Menu-button.tsx
index 77cfffb..dfed947 100644
--- a/components/petdex/Navbar/assets/Menu-button.tsx
+++ b/components/petdex/Navbar/assets/Menu-button.tsx
@@ -1,21 +1,14 @@
'use client'
-function MenuButton({ handleButton, isOpen }) {
+function MenuButton({ handleButton }) {
return (
<>
- {!isOpen ?
-
- :
-
- }
+
+
>
)
}
diff --git a/components/petdex/Navbar/assets/SearchIcon.tsx b/components/petdex/Navbar/assets/SearchIcon.tsx
index b56df7c..3b5da8d 100644
--- a/components/petdex/Navbar/assets/SearchIcon.tsx
+++ b/components/petdex/Navbar/assets/SearchIcon.tsx
@@ -1,6 +1,10 @@
-function SearchIcon() {
+import { NavbarTypes } from "../Navbar.types"
+
+
+
+function SearchIcon({ handleSearchButton }: NavbarTypes) {
return (
-