From 462654cb06b924a65f89638afe7fe8468a1c0e46 Mon Sep 17 00:00:00 2001
From: "tai.truong" <tai.truong@sotatek.com>
Date: Mon, 1 Apr 2024 13:30:55 +0700
Subject: [PATCH] fix: MET-1963 disnable filter button

---
 src/components/GovernanceVotes/index.tsx | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/components/GovernanceVotes/index.tsx b/src/components/GovernanceVotes/index.tsx
index 5fb8e9259c..cff88eac4e 100644
--- a/src/components/GovernanceVotes/index.tsx
+++ b/src/components/GovernanceVotes/index.tsx
@@ -457,9 +457,17 @@ const GovernanceVotesDetail: React.FC<{
                       sx={{
                         fontWeight: 500,
                         fontSize: "12px",
-                        background: selectVote ? theme.palette.primary[200] : theme.palette.primary[100],
+                        background: selectVote
+                          ? theme.palette.primary[200]
+                          : theme.isDark
+                          ? theme.palette.primary[500]
+                          : theme.palette.primary[100],
                         border: `1px solid ${selectVote ? theme.palette.primary.main : theme.palette.secondary[600]}`,
-                        color: selectVote ? theme.palette.secondary.main : theme.palette.secondary[600]
+                        color: selectVote
+                          ? theme.palette.secondary.main
+                          : theme.isDark
+                          ? theme.palette.secondary.main
+                          : theme.palette.secondary[600]
                       }}
                       label={selectVote || i}
                       onClick={() => setSelectVote(selectVote ? "" : i)}
@@ -468,9 +476,9 @@ const GovernanceVotesDetail: React.FC<{
                   {selectVote && (
                     <Chip
                       sx={{
-                        background: theme.palette.primary[100],
+                        background: theme.isDark ? theme.palette.primary[500] : theme.palette.primary[100],
                         border: `1px solid ${theme.palette.secondary[600]}`,
-                        color: theme.palette.secondary[600]
+                        color: theme.isDark ? theme.palette.secondary.main : theme.palette.secondary[600]
                       }}
                       onClick={() => setSelectVote("")}
                       label="x"
@@ -1437,6 +1445,7 @@ const FilterGovernanceVotes: React.FC<FilterGovernanceVotes> = ({ query, setQuer
                   onClick={() => {
                     handleFilter();
                   }}
+                  disabled={JSON.stringify(filterValue) === JSON.stringify(params)}
                 >
                   {t("common.applyFilters")}
                 </ApplyFilterButton>