From 52354044b832fcd4332c105f3c6d102597e57bbf Mon Sep 17 00:00:00 2001
From: Noah Gundotra <ngundotra@users.noreply.github.com>
Date: Tue, 6 Aug 2024 17:06:44 -0400
Subject: [PATCH] Fix writable badge color for ix cards (#359)

Use `bg-danger-soft` everywhere for Writable badges
---
 app/components/inspector/AddressTableLookupsCard.tsx | 2 +-
 app/components/instruction/AnchorDetailsCard.tsx     | 2 +-
 app/components/instruction/RawDetails.tsx            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/inspector/AddressTableLookupsCard.tsx b/app/components/inspector/AddressTableLookupsCard.tsx
index fb4d15210..a88db6d7e 100755
--- a/app/components/inspector/AddressTableLookupsCard.tsx
+++ b/app/components/inspector/AddressTableLookupsCard.tsx
@@ -110,7 +110,7 @@ function LookupRow({
             </td>
             <td className="text-lg-end">{lookupTableIndex}</td>
             <td className="text-lg-end">{resolvedKeyComponent}</td>
-            <td>{!readOnly && <span className="badge bg-info-soft me-1">Writable</span>}</td>
+            <td>{!readOnly && <span className="badge bg-danger-soft me-1">Writable</span>}</td>
         </tr>
     );
 }
diff --git a/app/components/instruction/AnchorDetailsCard.tsx b/app/components/instruction/AnchorDetailsCard.tsx
index ebf34d078..af43bdd29 100644
--- a/app/components/instruction/AnchorDetailsCard.tsx
+++ b/app/components/instruction/AnchorDetailsCard.tsx
@@ -102,7 +102,7 @@ function AnchorDetails({ ix, anchorProgram }: { ix: TransactionInstruction; anch
                                         : `Remaining Account #${keyIndex + 1 - ixAccounts.length}`
                                     : `Account #${keyIndex + 1}`}
                             </div>
-                            {isWritable && <span className="badge bg-info-soft me-1">Writable</span>}
+                            {isWritable && <span className="badge bg-danger-soft me-1">Writable</span>}
                             {isSigner && <span className="badge bg-info-soft me-1">Signer</span>}
                         </td>
                         <td className="text-lg-end" colSpan={2}>
diff --git a/app/components/instruction/RawDetails.tsx b/app/components/instruction/RawDetails.tsx
index 18e8d7d4e..fa24e4df9 100644
--- a/app/components/instruction/RawDetails.tsx
+++ b/app/components/instruction/RawDetails.tsx
@@ -10,7 +10,7 @@ export function RawDetails({ ix }: { ix: TransactionInstruction }) {
                 <tr key={keyIndex}>
                     <td>
                         <div className="me-2 d-md-inline">Account #{keyIndex + 1}</div>
-                        {isWritable && <span className="badge bg-info-soft me-1">Writable</span>}
+                        {isWritable && <span className="badge bg-danger-soft me-1">Writable</span>}
                         {isSigner && <span className="badge bg-info-soft me-1">Signer</span>}
                     </td>
                     <td className="text-lg-end">