fix: cursor pointers and confirm your code button color

cardano-foundation · Sep 27, 2024 · a59216b · a59216b
1 parent 01e06a2
commit a59216b
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 11 deletions.
diff --git a/ui/summit-2024/src/__fixtures__/event.ts b/ui/summit-2024/src/__fixtures__/event.ts
@@ -8,9 +8,9 @@ const eventDataFixture: EventCacheProps = {
   endSlot: 70185600,
   proposalsRevealSlot: 70189200,
   startEpoch: null,
-  eventStartDate: "2024-09-06T14:00:01",
-  eventEndDate: "2024-09-09T08:00:00",
-  proposalsRevealDate: "2024-09-09T09:00:00",
+  eventStartDate: "2024-09-26T14:00:01",
+  eventEndDate: "2024-09-29T08:00:00",
+  proposalsRevealDate: "2024-09-29T09:00:00",
   snapshotTime: null,
   endEpoch: null,
   snapshotEpoch: null,
@@ -535,14 +535,14 @@ const eventDataFixture: EventCacheProps = {
   ],
   tallies: [],
   started: false,
-  active: false,
+  active: true,
   highLevelEventResultsWhileVoting: true,
   highLevelCategoryResultsWhileVoting: true,
   categoryResultsWhileVoting: false,
   commitmentsWindowOpen: false,
   proposalsReveal: false,
   allowVoteChanging: false,
-  notStarted: true,
+  notStarted: false,
   finished: false,
 };
 

diff --git a/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx b/ui/summit-2024/src/components/VerifyWalletModal/VerifyWalletModal.tsx
@@ -58,10 +58,10 @@ const VerifyWalletModal = () => {
   const dispatch = useAppDispatch();
   const { trackEvent } = useMatomo();
   const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-  const [isOpen, setIsOpen] = useState<boolean>(false);
+  const [isOpen, setIsOpen] = useState<boolean>(true);
   const [verifyCurrentPaths, setVerifyCurrentPaths] = useState<
     VerifyWalletFlow[]
-  >([VerifyWalletFlow.INTRO]);
+  >([VerifyWalletFlow.CONFIRM_CODE]);
 
   const getDefaultCountry = () => {
     const language = navigator.language;
@@ -650,9 +650,9 @@ const VerifyWalletModal = () => {
           <Grid item xs={12}>
             <CustomButton
               sx={{
-                background: "transparent !important",
-                color: theme.palette.text.neutralLightest,
-                border: "1px solid #daeefb",
+                background: phoneCodeIsBeenConfirming || codes.includes("") ? "transparent !important" : "",
+                color: phoneCodeIsBeenConfirming || codes.includes("") ? theme.palette.text.neutralLightest : null,
+                border: phoneCodeIsBeenConfirming || codes.includes("") ? "1px solid #daeefb" : null,
               }}
               onClick={() => handleVerifyPhoneCode()}
               fullWidth={true}

diff --git a/ui/summit-2024/src/pages/Categories/components/NomineeCard.tsx b/ui/summit-2024/src/pages/Categories/components/NomineeCard.tsx
@@ -78,7 +78,7 @@ const NomineeCard: React.FC<NomineeCardProps> = ({
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-between",
-          cursor: allowToVote ? "auto" : "pointer",
+          cursor: "pointer",
           backgroundImage: `url(${nomineeBg})`,
           backgroundSize: "160% 160%",
           backgroundPosition: "center",

diff --git a/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx b/ui/summit-2024/src/pages/Home/components/ExploreSection.tsx
@@ -215,6 +215,7 @@ const ExploreSection = () => {
               height: "100%",
               background: "rgba(18, 18, 18, 0.20)",
               backdropFilter: "blur(4px)",
+              cursor: "pointer",
             }}
           >
             <Box
@@ -318,6 +319,7 @@ const ExploreSection = () => {
               height: "100%",
               background: "rgba(18, 18, 18, 0.20)",
               backdropFilter: "blur(2px)",
+              cursor: "pointer",
             }}
           >
             <Box

diff --git a/ui/summit-2024/src/pages/ReceiptHistory/ReceiptHistory.tsx b/ui/summit-2024/src/pages/ReceiptHistory/ReceiptHistory.tsx
@@ -144,11 +144,13 @@ const ReceiptHistory: React.FC = () => {
         <TableBody>
           {Object.keys(extendedReceipts).map((category: string, index) => (
             <TableRow
+              onClick={() => handleReceiptClick(category)}
               key={index}
               sx={{
                 borderRadius: "8px",
                 overflow: "hidden",
                 height: "72px",
+                cursor: "pointer"
               }}
             >
               <TableCell