From e09bd55f8311e2a25d208ae1d33d410cd52a4c61 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Wed, 28 Aug 2024 16:34:24 +0700
Subject: [PATCH] chore: Add user logo to UnsignedNav component

---
 src/components/icons.tsx                  | 21 +++++++++++++++++++++
 src/components/navigationBar/Unsigned.tsx |  4 +++-
 2 files changed, 24 insertions(+), 1 deletion(-)
 create mode 100644 src/components/icons.tsx

diff --git a/src/components/icons.tsx b/src/components/icons.tsx
new file mode 100644
index 0000000..af6dc5d
--- /dev/null
+++ b/src/components/icons.tsx
@@ -0,0 +1,21 @@
+type IconProps = React.HTMLAttributes<SVGElement>;
+
+export const Icons = {
+  userLogo: (props: IconProps) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      className="lucide lucide-user"
+    >
+      <path d="M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" />
+      <circle cx="12" cy="7" r="4" />
+    </svg>
+  ),
+};
diff --git a/src/components/navigationBar/Unsigned.tsx b/src/components/navigationBar/Unsigned.tsx
index 3b6acdb..f5bdfa0 100644
--- a/src/components/navigationBar/Unsigned.tsx
+++ b/src/components/navigationBar/Unsigned.tsx
@@ -24,6 +24,7 @@ import {
   navigationMenuTriggerStyle,
 } from "@/components/ui/navigation-menu";
 import { cn } from "@/lib/utils";
+import { Icons } from "@/components/icons"
 
 export function UnsignedNav() {
   const components = [
@@ -31,7 +32,7 @@ export function UnsignedNav() {
       title: "Businesses",
       href: "",
       description:
-        "A modal dialog that interrupts the user with important content and expects a response.",
+        "Apply",
     },
   ];
   return (
@@ -181,6 +182,7 @@ const ListItem = React.forwardRef<
           <div className="text-sm font-medium leading-none">{title}</div>
           <hr />
           <p className="line-clamp-2 text-sm leading-snug text-muted-foreground">
+            <Icons.userLogo/>
             {children}
           </p>
         </a>