From 20d5e86d3c33477246693ef1a3a4edcad5a83e29 Mon Sep 17 00:00:00 2001
From: samang-dauth <samangdauth@gmail.com>
Date: Wed, 2 Jul 2025 19:49:00 +0700
Subject: [PATCH] Changed logo to use an image instead of the letter.

---
 .../src/components/dashboard/sidebar/SidebarHeader.tsx    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/application/src/components/dashboard/sidebar/SidebarHeader.tsx b/application/src/components/dashboard/sidebar/SidebarHeader.tsx
index 4c0564b..4ba177c 100644
--- a/application/src/components/dashboard/sidebar/SidebarHeader.tsx
+++ b/application/src/components/dashboard/sidebar/SidebarHeader.tsx
@@ -11,8 +11,12 @@ export const SidebarHeader: React.FC<SidebarHeaderProps> = ({ collapsed }) => {
 
   return (
     <div className={`p-4 ${theme === 'dark' ? 'border-[#1e1e1e]' : 'border-sidebar-border'} border-b flex items-center ${collapsed ? 'justify-center' : ''}`}>
-      <div className="h-8 w-8 bg-green-500 rounded flex items-center justify-center mr-2">
-        <span className="text-white font-bold">C</span>
+      <div className="h-8 w-8 bg-gray-600 rounded flex items-center justify-center mr-2">
+        <img
+          src="/favicon.ico"
+          alt="CheckCle"
+          className="h-6 w-6"
+        />
       </div>
       {!collapsed && <h1 className="text-xl font-semibold">CheckCle App</h1>}
     </div>