Fix writable badge color for ix cards (#359)

Use `bg-danger-soft` everywhere for Writable badges
solana-labs · Aug 6, 2024 · 5235404 · 5235404
1 parent 1e4125d
commit 5235404
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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">