From faa4ccf050c53262bbb0060d88bd903bf7e33745 Mon Sep 17 00:00:00 2001
From: Sanjoy Guin <guinsanjoy34@gmail.com>
Date: Mon, 21 Oct 2024 23:53:06 +0530
Subject: [PATCH] fix: trash-icon color modified

---
 packages/web/src/components/cells/generate-ai.tsx | 4 ++--
 packages/web/src/components/navbar.tsx            | 5 +++--
 packages/web/src/components/srcbook-cards.tsx     | 4 ++--
 packages/web/src/routes/secrets.tsx               | 4 ++--
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/web/src/components/cells/generate-ai.tsx b/packages/web/src/components/cells/generate-ai.tsx
index d0e6fdf6..176e2d52 100644
--- a/packages/web/src/components/cells/generate-ai.tsx
+++ b/packages/web/src/components/cells/generate-ai.tsx
@@ -62,7 +62,7 @@ export default function GenerateAiCell(props: {
           ? 'ring-1 ring-ai-ring border-ai-ring'
           : 'focus-within:ring-1 focus-within:ring-ring focus-within:border-ring',
         error &&
-          'ring-1 ring-sb-red-30 border-sb-red-30 hover:border-sb-red-30 focus-within:border-sb-red-30 focus-within:ring-sb-red-30',
+        'ring-1 ring-sb-red-30 border-sb-red-30 hover:border-sb-red-30 focus-within:border-sb-red-30 focus-within:ring-sb-red-30',
       )}
     >
       <div className="flex flex-col">
@@ -75,7 +75,7 @@ export default function GenerateAiCell(props: {
               className="border-secondary hover:border-muted"
               onClick={() => removeCell(cell)}
             >
-              <Trash2 size={16} />
+              <Trash2 color='#EE4B2B' size={16} />
             </Button>
           </div>
 
diff --git a/packages/web/src/components/navbar.tsx b/packages/web/src/components/navbar.tsx
index 38f855d4..1e0a6a0f 100644
--- a/packages/web/src/components/navbar.tsx
+++ b/packages/web/src/components/navbar.tsx
@@ -91,6 +91,7 @@ export function SessionNavbar(props: SessionNavbarProps) {
     openSrcbook(result.path);
   }
 
+
   return (
     <>
       <GenerateSrcbookModal
@@ -223,9 +224,9 @@ export function SessionNavbar(props: SessionNavbarProps) {
                       variant="icon"
                       size="icon"
                       onClick={() => setShowDelete(true)}
-                      className="active:translate-y-0"
+                      className="active:translate-y-0 hover:border-2 hover:border-red-500"
                     >
-                      <TrashIcon size={18} />
+                      <TrashIcon color='#EE4B2B' size={18} />
                     </Button>
                   </TooltipTrigger>
                   <TooltipContent>Delete this Srcbook</TooltipContent>
diff --git a/packages/web/src/components/srcbook-cards.tsx b/packages/web/src/components/srcbook-cards.tsx
index 200a5a1e..2142c830 100644
--- a/packages/web/src/components/srcbook-cards.tsx
+++ b/packages/web/src/components/srcbook-cards.tsx
@@ -168,7 +168,7 @@ export function SrcbookCard(props: SrcbookCardPropsType) {
           onClick={onDelete}
           className="hidden group-hover:block hover:text-foreground"
         >
-          <Trash2 size={16} />
+          <Trash2 color='#EE4B2B' size={16} />
         </button>
       </div>
     </CardContainer>
@@ -203,7 +203,7 @@ export function AppCard(props: AppCardPropsType) {
           onClick={onDelete}
           className="hidden group-hover:block hover:text-foreground"
         >
-          <Trash2 size={16} />
+          <Trash2 color='#EE4B2B' size={16} />
         </button>
       </div>
     </CardContainer>
diff --git a/packages/web/src/routes/secrets.tsx b/packages/web/src/routes/secrets.tsx
index 1fc747b3..9d434966 100644
--- a/packages/web/src/routes/secrets.tsx
+++ b/packages/web/src/routes/secrets.tsx
@@ -268,8 +268,8 @@ function SecretRow(props: {
         )}
       </td>
       <td className="h-10 pl-3 text-right align-middle w-[52px]">
-        <Button variant="icon" onClick={() => setOpen(true)}>
-          <Trash2 size={18} />
+        <Button className='bg-red-800 hover:bg-red-700' variant="icon" onClick={() => setOpen(true)}>
+          <Trash2 color='white' size={18} />
         </Button>
       </td>
     </tr>