From 31975e0fdaf515cd610bd80cc45859c1aed4e67e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Sza=C5=82owski?= <michal.szalowski@gmail.com>
Date: Fri, 9 May 2025 11:17:54 +0200
Subject: [PATCH] fix: wrong metadata status background on voted on card

---
 CHANGELOG.md                                              | 2 ++
 .../src/components/molecules/GovernanceVotedOnCard.tsx    | 8 ++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 109302a79..cc04e4d6e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -14,6 +14,8 @@ changes.
 
 ### Fixed
 
+- Fix invalid metadata status background on voted on card
+
 ### Changed
 
 ### Removed
diff --git a/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx b/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
index 59d84bfc9..ca4d5a066 100644
--- a/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
+++ b/govtool/frontend/src/components/molecules/GovernanceVotedOnCard.tsx
@@ -56,6 +56,10 @@ export const GovernanceVotedOnCard = ({
     bech32Prefix: "gov_action",
   });
 
+  // When no status provided into the metadataStatus prop,
+  // we consider it as a valid
+  const isMetadataValid = metadataStatus === undefined;
+
   return (
     <Box
       sx={{
@@ -67,13 +71,13 @@ export const GovernanceVotedOnCard = ({
         justifyContent: "space-between",
         boxShadow: "0px 4px 15px 0px #DDE3F5",
         borderRadius: "20px",
-        backgroundColor: !metadataStatus
+        backgroundColor: !isMetadataValid
           ? "rgba(251, 235, 235, 0.50)"
           : "rgba(255, 255, 255, 0.3)",
         // TODO: To decide if voted on cards can be actually in progress
         border: inProgress
           ? "1px solid #FFCBAD"
-          : !metadataStatus
+          : !isMetadataValid
           ? "1px solid #F6D5D5"
           : "1px solid #C0E4BA",
       }}