Merge pull request #86 from edenia/dev

feat(components): changed date format UTC
edenia · Mar 13, 2023 · 7967cc4 · 7967cc4
2 parents 6ea4e80 + e90b187
commit 7967cc4
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 6 deletions.
diff --git a/...p/src/elections/components/registration-election-components/election-schedule-segment.tsx b/...p/src/elections/components/registration-election-components/election-schedule-segment.tsx
@@ -36,7 +36,7 @@ export const ElectionScheduleSegment = () => {
                 turn into an epic watch party that you might not want to miss!
             </Text>
             <Text type="info">
-                All times are local ({electionDates.startDateTime.format("z")})
+                All times are UTC ({electionDates.startDateTime})
             </Text>
             <Schedule>
                 <ScheduleEntry timeUtc="12:00">

diff --git a/...s/webapp/src/elections/components/registration-election-components/participation-card.tsx b/...s/webapp/src/elections/components/registration-election-components/participation-card.tsx
@@ -89,10 +89,10 @@ export const ParticipationCard = ({ election }: Props) => {
     }
 
     const electionDate = electionDates.startDateTime.format("LL");
-    const electionStartTime = electionDates.startDateTime.format("LT z");
-    const electionParticipationLimitTime = electionDates.participationTimeLimit.format(
-        "LLL z"
-    );
+    const electionStartTime = `${electionDates.startDateTime.format("LT")} UTC`;
+    const electionParticipationLimitTime = `${electionDates.participationTimeLimit.format(
+        "LLL"
+    )} UTC`;
 
     const isPastElectionParticipationTimeLimit = dayjs().isAfter(
         electionDates.participationTimeLimit

diff --git a/packages/webapp/src/elections/utils.ts b/packages/webapp/src/elections/utils.ts
@@ -1,4 +1,7 @@
 import dayjs, { Dayjs } from "dayjs";
+import utc from "dayjs/plugin/utc";
+
+dayjs.extend(utc);
 
 import { ActiveStateConfigType, SimpleVoteData } from "./interfaces";
 import { getMemberGroupFromIndex } from "./api";
@@ -13,7 +16,7 @@ export const extractElectionDates = (election: any) => {
         throw new Error("Error parsing the Election start date.");
     }
 
-    const startDateTime = dayjs(rawStartDateTime);
+    const startDateTime = dayjs(rawStartDateTime).utc();
     const participationTimeLimit = startDateTime.subtract(24, "hour");
     const estimatedEndDateTime = startDateTime.add(
         10, // TODO: estimate and calculate this value properly based on round numbers