Removed unnecessary timezone-handling code.

Author: MadOPcode

src/constants/workPeriods.js

@@ -33,8 +33,6 @@ export const DATE_FORMAT_ISO = "YYYY-MM-DD";
 export const DATE_FORMAT_UI = "MMM DD, YYYY";
 export const DATETIME_FORMAT_UI = "MMM DD, YYYY h:mm a";
 
-export const TIMEZONE_SOURCE = "America/New_York";
-
 // Field names that are required to be retrieved for display, filtering and sorting.
 export const API_REQUIRED_FIELDS = [
   "id",

src/routes/WorkPeriods/components/PaymentsListItem/index.jsx

@@ -8,7 +8,7 @@ import PaymentStatus from "../PaymentStatus";
 import {
   currencyFormatter,
   formatChallengeUrl,
-  formatDateTimeInTimeZone,
+  formatDateTimeAsLocal,
 } from "utils/formatters";
 import { PAYMENT_STATUS } from "constants/workPeriods";
 import styles from "./styles.module.scss";
@@ -60,7 +60,7 @@ const PaymentsListItem = ({ daysPaid, daysWorked, item }) => {
       <td className={styles.days}>{item.days}</td>
       <td className={styles.amount}>{currencyFormatter.format(item.amount)}</td>
       <td className={styles.createdAt}>
-        {formatDateTimeInTimeZone(item.createdAt)}
+        {formatDateTimeAsLocal(item.createdAt)}
       </td>
       <td className={styles.paymentStatus}>
         <div className={styles.statusWithError}>

src/utils/formatters.js

@@ -1,10 +1,9 @@
-import moment from "moment-timezone";
+import moment from "moment";
 import isNumber from "lodash/isNumber";
 import {
   DATETIME_FORMAT_UI,
   DATE_FORMAT_UI,
   PAYMENT_STATUS_LABELS,
-  TIMEZONE_SOURCE,
 } from "constants/workPeriods";
 import {
   PLATFORM_WEBSITE_URL,
@@ -34,17 +33,14 @@ export function formatDate(date) {
   return date ? moment(date).format(DATE_FORMAT_UI) : "-";
 }
 
-const TIMEZONE_BROWSER = moment.tz.guess();
-
 /**
- * Formats the date and time using the provided timezone.
+ * Formats the provided time in UTC-0 as time in local timezone.
  *
- * @param {*} dateTime value that can be parsed by Moment
- * @param {string} [tz] timezone in which the resulting time will be displayed
+ * @param {number} dateTime number of milliseconds since UTC epoch
  * @returns {string}
  */
-export function formatDateTimeInTimeZone(dateTime, tz = TIMEZONE_BROWSER) {
-  return moment.tz(dateTime, TIMEZONE_SOURCE).tz(tz).format(DATETIME_FORMAT_UI);
+export function formatDateTimeAsLocal(dateTime) {
+  return moment(dateTime).format(DATETIME_FORMAT_UI);
 }
 
 /**

src/utils/workPeriods.js

@@ -1,12 +1,11 @@
-import moment from "moment-timezone";
+import moment from "moment";
 import {
   ALERT,
   API_CHALLENGE_PAYMENT_STATUS_MAP,
   API_PAYMENT_STATUS_MAP,
   DATE_FORMAT_ISO,
   PAYMENT_STATUS,
   REASON_DISABLED,
-  TIMEZONE_SOURCE,
   URL_QUERY_PARAM_MAP,
 } from "constants/workPeriods";
 
@@ -230,7 +229,7 @@ export function normalizePeriodData(period) {
 export function normalizePeriodPayments(payments, data) {
   let lastFailedPayment = null;
   for (let payment of payments) {
-    payment.createdAt = moment.tz(payment.createdAt, TIMEZONE_SOURCE).valueOf();
+    payment.createdAt = moment.utc(payment.createdAt).valueOf();
     payment.status = normalizeChallengePaymentStatus(payment.status);
     if (payment.status === PAYMENT_STATUS.FAILED) {
       lastFailedPayment = payment;