Merge pull request #84 from edenia/feat/ui-changes

feat(components): changed date format
edenia · Mar 10, 2023 · 66498f0 · 66498f0
2 parents 16053d1 + db9b28d
commit 66498f0
Showing 1 changed file with 8 additions and 5 deletions.
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
@@ -1,6 +1,9 @@
 import React, { useState } from "react";
 import { useQueryClient } from "react-query";
 import dayjs from "dayjs";
+import utc from "dayjs/plugin/utc";
+
+dayjs.extend(utc);
 
 import {
     delay,
@@ -88,11 +91,11 @@ export const ParticipationCard = ({ election }: Props) => {
         return <Text>{(e as Error).message}</Text>;
     }
 
-    const electionDate = electionDates.startDateTime.format("LL");
-    const electionStartTime = electionDates.startDateTime.format("LT z");
-    const electionParticipationLimitTime = electionDates.participationTimeLimit.format(
-        "LLL z"
-    );
+    const electionDate = electionDates.startDateTime.utc().format("LL");
+    const electionStartTime = electionDates.startDateTime.utc().format("LT");
+    const electionParticipationLimitTime = electionDates.participationTimeLimit
+        .utc()
+        .format("LLL");
 
     const isPastElectionParticipationTimeLimit = dayjs().isAfter(
         electionDates.participationTimeLimit