From f950e1b5936eb03ed4e7ae457d2bb11277f41641 Mon Sep 17 00:00:00 2001
From: AnveshNalimela <nalimelaanvesh@gmail.com>
Date: Thu, 9 Jan 2025 11:26:38 +0530
Subject: [PATCH] Added Avatar instead of Empty Div

---
 src/components/ui/sidebar/nav-main.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/sidebar/nav-main.tsx b/src/components/ui/sidebar/nav-main.tsx
index f69eed4e175..f4da7789c45 100644
--- a/src/components/ui/sidebar/nav-main.tsx
+++ b/src/components/ui/sidebar/nav-main.tsx
@@ -12,6 +12,8 @@ import {
   useSidebar,
 } from "@/components/ui/sidebar";
 
+import { Avatar } from "@/components/Common/Avatar";
+
 export function NavMain({
   links,
 }: {
@@ -45,8 +47,16 @@ export function NavMain({
                 activeClass="bg-white text-green-700 shadow"
                 exactActiveClass="bg-white text-green-700 shadow"
               >
-                {link.icon && <CareIcon icon={link.icon as IconName} />}
-                <span className="group-data-[collapsible=icon]:hidden">
+                {link.icon ? (
+                  <CareIcon icon={link.icon as IconName} />
+                ) : (
+                  <Avatar
+                    name={link.name}
+                    className="w-6 h-6 -m-1 rounded-sm"
+                  />
+                )}
+
+                <span className="group-data-[collapsible=icon]:hidden ml-1">
                   {link.name}
                 </span>
               </ActiveLink>