From 1d7f6f495959e8bf84838ec442d8ba48227f1766 Mon Sep 17 00:00:00 2001 From: Brad Traversy Date: Tue, 9 Jul 2024 08:39:03 -0400 Subject: [PATCH] Navbar --- _theme_files/index.html | 8 +- _theme_files/login.html | 6 +- _theme_files/messages.html | 6 +- _theme_files/not-found.html | 6 +- _theme_files/profile.html | 6 +- _theme_files/properties.html | 6 +- _theme_files/property.html | 6 +- _theme_files/register.html | 6 +- _theme_files/saved-properties.html | 6 +- components/Navbar.jsx | 259 ++++++++++++++++++----------- package-lock.json | 12 +- package.json | 3 +- 12 files changed, 206 insertions(+), 124 deletions(-) diff --git a/_theme_files/index.html b/_theme_files/index.html index ed7660a..b593e38 100644 --- a/_theme_files/index.html +++ b/_theme_files/index.html @@ -166,21 +166,21 @@ >Your Profile Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/login.html b/_theme_files/login.html index 7ac4be8..91a141f 100644 --- a/_theme_files/login.html +++ b/_theme_files/login.html @@ -177,14 +177,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/messages.html b/_theme_files/messages.html index 7d94366..8d24b68 100644 --- a/_theme_files/messages.html +++ b/_theme_files/messages.html @@ -173,14 +173,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/not-found.html b/_theme_files/not-found.html index 0095d88..732aa36 100644 --- a/_theme_files/not-found.html +++ b/_theme_files/not-found.html @@ -173,14 +173,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/profile.html b/_theme_files/profile.html index 08b7152..84edeb3 100644 --- a/_theme_files/profile.html +++ b/_theme_files/profile.html @@ -173,14 +173,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/properties.html b/_theme_files/properties.html index 0a706a9..2ec96ab 100644 --- a/_theme_files/properties.html +++ b/_theme_files/properties.html @@ -173,14 +173,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/property.html b/_theme_files/property.html index 0168a22..2c77b95 100644 --- a/_theme_files/property.html +++ b/_theme_files/property.html @@ -178,14 +178,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/register.html b/_theme_files/register.html index abb3f36..50fbf04 100644 --- a/_theme_files/register.html +++ b/_theme_files/register.html @@ -177,14 +177,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/_theme_files/saved-properties.html b/_theme_files/saved-properties.html index 1f58b5c..7ab788c 100644 --- a/_theme_files/saved-properties.html +++ b/_theme_files/saved-properties.html @@ -173,14 +173,14 @@ id="user-menu-item-2" >Saved Properties - Sign Out + Sign Out + diff --git a/components/Navbar.jsx b/components/Navbar.jsx index 06b0615..a84e49d 100644 --- a/components/Navbar.jsx +++ b/components/Navbar.jsx @@ -1,9 +1,19 @@ +'use client'; +import { useState } from 'react'; import Link from 'next/link'; import Image from 'next/image'; +import { usePathname } from 'next/navigation'; +import { FaGoogle } from 'react-icons/fa'; import logo from '@/assets/images/logo-white.png'; import profileDefault from '@/assets/images/profile.png'; const Navbar = () => { + const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); + const [isProfileMenuOpen, setIsProfileMenuOpen] = useState(false); + const [isLoggedIn, setIsLoggedIn] = useState(false); + + const pathname = usePathname(); + return ( ); }; diff --git a/package-lock.json b/package-lock.json index d49c726..d24df9b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,7 +10,8 @@ "dependencies": { "next": "14.2.4", "react": "^18", - "react-dom": "^18" + "react-dom": "^18", + "react-icons": "^5.2.1" }, "devDependencies": { "postcss": "^8", @@ -1359,6 +1360,15 @@ "react": "^18.3.1" } }, + "node_modules/react-icons": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.2.1.tgz", + "integrity": "sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==", + "license": "MIT", + "peerDependencies": { + "react": "*" + } + }, "node_modules/read-cache": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz", diff --git a/package.json b/package.json index 5b8c1e4..1037550 100644 --- a/package.json +++ b/package.json @@ -9,9 +9,10 @@ "lint": "next lint" }, "dependencies": { + "next": "14.2.4", "react": "^18", "react-dom": "^18", - "next": "14.2.4" + "react-icons": "^5.2.1" }, "devDependencies": { "postcss": "^8",