Merge pull request #885 from alleslabs/feat/voted-proposal

fix: voted proposal freeze columns

CHANGELOG.md

@@ -136,6 +136,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Bug fixes
 
+- [#885](https://github.com/alleslabs/celatone-frontend/pull/885) Fix voted proposals freeze columns
 - [#881](https://github.com/alleslabs/celatone-frontend/pull/881) Fix abi option boolean problem
 - [#877](https://github.com/alleslabs/celatone-frontend/pull/877) Fix validator list/details bug bash
 - [#874](https://github.com/alleslabs/celatone-frontend/pull/874) Fix minor proposal and validator bugs

src/lib/pages/proposal-details/components/proposal-overview/status-summary/Countdown.tsx

@@ -51,8 +51,9 @@ export const Countdown = ({ endTime, isString }: CountdownProps) => {
           </span>
         </>
       );
-      if (diffTime === 0) router.reload();
       setTime(timestamp);
+
+      if (diffTime === 0) clearInterval(intervalId);
     }, 1000);
     return () => clearInterval(intervalId);
   }, [endTime, isString, router]);

src/lib/pages/validator-details/components/tables/voted-proposals/VotedProposalsRow.tsx

@@ -43,13 +43,16 @@ export const VotedProposalsTableRow = ({
       className="copier-wrapper"
       templateColumns={templateColumns}
       onClick={() => onRowSelect(votedProposal.proposalId)}
+      minW="min-content"
+      cursor="pointer"
       _hover={{
         "> div": {
-          bgColor: "gray.900",
+          bgColor:
+            votedProposal.isExpedited && isDepositOrVoting
+              ? "primary.background"
+              : "gray.900",
         },
       }}
-      transition="all 0.25s ease-in-out"
-      cursor="pointer"
     >
       <TableRowFreeze left="0">
         <ExplorerLink

src/lib/pages/validator-details/components/tables/voted-proposals/VotedProposalsTableBody.tsx

@@ -1,9 +1,7 @@
-import { TableContainer } from "@chakra-ui/react";
-
 import { useMobile } from "lib/app-provider";
 import { Loading } from "lib/components/Loading";
 import { EmptyState, ErrorFetching } from "lib/components/state";
-import { MobileTableContainer } from "lib/components/table";
+import { MobileTableContainer, TableContainer } from "lib/components/table";
 import type { ValidatorVotedProposalsResponse } from "lib/services/validator";
 import type { Option } from "lib/types";