chore: ranked day tracker ui tweaks

requested by Lil
project-slippi · Apr 14, 2024 · 916ce4e · 916ce4e
1 parent 4ab0676
commit 916ce4e
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/renderer/pages/home/sidebar/ranked_status.tsx b/src/renderer/pages/home/sidebar/ranked_status.tsx
@@ -102,7 +102,7 @@ const InternalRankedStatus = ({
           <Typography
             {...stylex.props(styles.stroke)}
             variant="body1"
-            color={isFullAccess ? colors.greenDark : colors.purpleLight}
+            color={isFullAccess ? colors.greenDark : colors.textDim}
             fontSize={"20px"}
             fontWeight={"medium"}
           >
@@ -124,7 +124,14 @@ const InternalRankedStatus = ({
             {countdown}
           </Typography>
           <Typography fontSize={"12px"} color={colors.textDim} marginTop={"-4px"}>
-            {nextTime.toLocaleString()}
+            {nextTime.toLocaleString(undefined, {
+              year: "numeric",
+              month: "numeric",
+              day: "numeric",
+              hour: "2-digit",
+              minute: "2-digit",
+              // timeZoneName: "short", // Chose not to include this. Can sometimes confuse Europeans (happened at smashgg)
+            })}
           </Typography>
         </div>
         <Typography fontSize={"11px"} color={colors.textDim} marginTop={"12px"}>