From 99e12a7355f646da0ad9a2e042a6b56eb813c1f8 Mon Sep 17 00:00:00 2001
From: ishikabhoyar <ishikabhoyar2005@gmail.com>
Date: Sun, 30 Mar 2025 01:26:27 +0530
Subject: [PATCH] Add custom icon for README.md file in Sidebar component

---
 Frontend/src/components/Sidebar.jsx | 33 +++++++++++++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/Frontend/src/components/Sidebar.jsx b/Frontend/src/components/Sidebar.jsx
index 82b03b3..c0002d1 100644
--- a/Frontend/src/components/Sidebar.jsx
+++ b/Frontend/src/components/Sidebar.jsx
@@ -171,7 +171,36 @@ const Sidebar = ({
   };
   const getFileIcon = (fileName) => {
     const extension = fileName.split('.').pop().toLowerCase();
-    
+  
+    if (fileName.toLowerCase() === 'readme.md') {
+      return (
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="#007acc" /* Blue color for the circle */
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        >
+          <circle cx="12" cy="12" r="10" fill="none" stroke="#007acc" />
+          <text
+            x="12"
+            y="15"
+            textAnchor="middle"
+            fontSize="10"
+            fill="#007acc"
+            fontFamily="Arial, sans-serif"
+            fontWeight="bold"
+          >
+            i
+          </text>
+        </svg>
+      );
+    }
+  
     if (['jsx', 'js', 'ts', 'tsx'].includes(extension)) {
       return (
         <svg
@@ -224,7 +253,7 @@ const Sidebar = ({
         </svg>
       );
     }
-    
+  
     return (
       <svg
         xmlns="http://www.w3.org/2000/svg"