feat: add styling and status handling for rejected state in ActionBar…

… and globals.css
Proof-Of-Humanity · Dec 31, 2024 · cc14d44 · cc14d44
1 parent f6ec16e
commit cc14d44
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 1 deletion.
diff --git a/src/app/[pohid]/[chain]/[request]/ActionBar.tsx b/src/app/[pohid]/[chain]/[request]/ActionBar.tsx
@@ -295,7 +295,7 @@ export default withClientConnected<ActionBarProps>(function ActionBar({
   ]);
 
   const totalCost = BigInt(contractData.baseDeposit) + arbitrationCost;
-  const statusColor = colorForStatus(status, revocation, expired);
+  const statusColor = colorForStatus(status, revocation, expired,rejected);
 
   return (
     <div className="paper border-stroke bg-whiteBackground text-primaryText flex flex-col items-center justify-between gap-[12px] px-[24px] py-[24px] md:flex-row lg:gap-[20px]">

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -208,6 +208,14 @@
     color: theme("colors.dark.status.transferring");
   }
 
+  .text-status-rejected {
+    color: theme("colors.light.status.rejected");
+  }
+
+  .dark .text-status-rejected {
+    color: theme("colors.dark.status.rejected");
+  }
+
   .fill-primaryText {
     fill: theme("colors.light.primaryText");
   }
@@ -362,6 +370,14 @@
     background-color: theme("colors.dark.status.transferring");
   }
 
+  .bg-status-rejected {
+    background-color: theme("colors.light.status.rejected");
+  }
+
+  .dark .bg-status-rejected {
+    background-color: theme("colors.dark.status.rejected");
+  }
+
   .btn-main {
     background-color: #ff9966;
   }