refactor navbar

app/components/modals/LoginModal.tsx

@@ -95,7 +95,7 @@ const LoginModal = () => {
         onClick={() => signIn("github")}
       />
       <div className="justify-center flex flex-row items-center gap-2">
-        <div>First time using Airbnb?</div>
+        <div>First time using Holiday?</div>
         <div
           onClick={toggle}
           className="text-neutral-800 cursor-pointer hover:underline"

app/components/modals/RegisterModal.tsx

@@ -49,7 +49,7 @@ const RegisterModal = () => {
 
   const bodyContent = (
     <div className="flex flex-col gap-4">
-      <Heading title={"Welcome to Airbnb"} subtitle={"Create an Account!"} />
+      <Heading title={"Welcome to Holiday"} subtitle={"Create an Account!"} />
       <Input
         id={"email"}
         label={"Email"}

app/components/modals/RentModal.tsx

@@ -271,7 +271,7 @@ const RentModal = () => {
     <Modal
       disabled={isLoading}
       isOpen={rentModal.isOpen}
-      title="Airbnb your home!"
+      title="Holiday.com your home!"
       actionLabel={actionLabel}
       onSubmit={handleSubmit(onSubmit)}
       secondaryActionLabel={secondaryActionLabel}

app/components/navbar/Logo.tsx

@@ -1,19 +1,17 @@
 "use client";
-import Image from "next/image";
+
 import { useRouter } from "next/navigation";
 
 const Logo = () => {
   const router = useRouter();
 
   return (
-    <Image
+    <div
       onClick={() => router.push("/")}
-      alt="Logo"
-      className="hidden md:block cursor-pointer"
-      height="100"
-      width="100"
-      src="/images/logo.png"
-    />
+      className="text-rose-500 font-extrabold cursor-pointer"
+    >
+      HOLIDAY.com
+    </div>
   );
 };
 

app/components/navbar/UserMenu.tsx

@@ -30,7 +30,8 @@ const UserMenu: React.FC<UserMenuProps> = ({ currentUser }) => {
     if (!currentUser) {
       return loginModal.onOpen();
     }
-  }, [loginModal, currentUser]);
+    return rentModal.onOpen();
+  }, [loginModal, currentUser, rentModal]);
 
   return (
     <div className="relative">
@@ -40,14 +41,15 @@ const UserMenu: React.FC<UserMenuProps> = ({ currentUser }) => {
           className="hidden md:block text-sm font-semibold py-3 px-4
                      rounded-full hover:bg-neutral-100 transition cursor-pointer"
         >
-          Airbnb your home
+          Holiday.com your home
         </div>
         <div
           onClick={toggle}
           className="p-4 md:py-1 md:px-2 border-[1px] border-neutral-200 flex flex-row items-center
                  gap-3 rounded-full cursor-pointer hover:shadow-md transition"
         >
           <AiOutlineMenu />
+          <p>{currentUser && currentUser?.name}</p>
           <div className="hidden md:block">
             <Avatar src={currentUser?.image} />
           </div>
@@ -77,7 +79,7 @@ const UserMenu: React.FC<UserMenuProps> = ({ currentUser }) => {
                   onClick={() => router.push("/properties")}
                   label={"My Properties"}
                 />
-                <MenuItem onClick={rentModal.onOpen} label={"Airbnb my home"} />
+                <MenuItem onClick={rentModal.onOpen} label={"My home"} />
                 <MenuItem onClick={() => signOut()} label={"Logout"} />
               </>
             ) : (