fix governance time formatting +use local tz

Author: lyaunzbe

package.json

@@ -83,6 +83,7 @@
         "mersenne-twister": "^1.1.0",
         "moment": "2.21.0",
         "moment-precise-range-plugin": "^1.3.0",
+        "moment-timezone": "^0.5.33",
         "numeral": "^2.0.6",
         "polished": "^1.9.2",
         "query-string": "^6.0.0",
@@ -132,7 +133,6 @@
         "@babel/preset-env": "^7.5.5",
         "@babel/preset-react": "^7.0.0",
         "@mdx-js/loader": "^1.3.1",
-        "@types/marked": "^1.2.2",
         "@mdx-js/react": "^1.3.1",
         "@types/accounting": "^0.4.1",
         "@types/algoliasearch": "^3.30.12",
@@ -144,6 +144,7 @@
         "@types/is-mobile": "0.3.0",
         "@types/jest": "^24.0.25",
         "@types/lodash": "4.14.104",
+        "@types/marked": "^1.2.2",
         "@types/material-ui": "^0.20.0",
         "@types/mersenne-twister": "^1.1.2",
         "@types/node": "*",

ts/pages/governance/countdown.tsx

@@ -1,5 +1,7 @@
 import * as _ from 'lodash';
-import * as moment from 'moment';
+import * as moment from 'moment-timezone';
+require('moment-timezone');
+
 import * as React from 'react';
 
 import { Paragraph } from 'ts/components/text';
@@ -23,9 +25,8 @@ interface TimeStructure {
 const now = moment();
 
 export const Countdown: React.StatelessComponent<Props> = ({ startDate, endDate }) => {
-    const pstOffset = '-0800';
-    const startTime = startDate.utcOffset(pstOffset);
-    const endTime = endDate.utcOffset(pstOffset);
+    const startTime = startDate.local();
+    const endTime = endDate.local();
     const isUpcoming = now.isBefore(startTime);
     const isOver = endTime.isBefore(now);
     let voteTextPrefix;
@@ -38,7 +39,9 @@ export const Countdown: React.StatelessComponent<Props> = ({ startDate, endDate
     }
     const timeToDisplay = isUpcoming ? startTime : endTime;
     const timeText = ` • ${getRelativeTime(timeToDisplay)}`;
-    const voteText = `${voteTextPrefix} ${timeToDisplay.format('L LT')} PST ${timeText}`;
+    const voteText = `${voteTextPrefix} ${timeToDisplay.format('L LT')} ${moment()
+        .tz(moment.tz.guess())
+        .format('z')} ${timeText}`;
 
     // TODO convert to container component
     return (

ts/pages/governance/data.ts

@@ -1,5 +1,5 @@
 import { BigNumber } from '@0x/utils';
-import * as moment from 'moment';
+import * as moment from 'moment-timezone';
 
 import { TallyInterface } from 'ts/types';
 

ts/pages/governance/governance.tsx

@@ -1,6 +1,6 @@
 import { BigNumber } from '@0x/utils';
 import * as _ from 'lodash';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import * as React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import styled from 'styled-components';
@@ -70,9 +70,8 @@ export class Governance extends React.Component<RouteComponentProps<any>> {
         const { isVoteReceived, tally } = this.state;
 
         const now = moment();
-        const pstOffset = '-0800';
-        const deadlineToVote = this._proposalData?.voteEndDate?.utcOffset(pstOffset);
-        const voteStartDate = this._proposalData?.voteStartDate?.utcOffset(pstOffset);
+        const deadlineToVote = this._proposalData?.voteEndDate?.local();
+        const voteStartDate = this._proposalData?.voteStartDate?.local();
         const hasVoteEnded = deadlineToVote?.isBefore(now) || false;
         const hasVoteStarted = voteStartDate ? now.isAfter(voteStartDate) : false;
         const isVoteActive = hasVoteStarted && !hasVoteEnded;

yarn.lock

@@ -12156,10 +12156,22 @@ moment-precise-range-plugin@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/moment-precise-range-plugin/-/moment-precise-range-plugin-1.3.0.tgz#60ac075fdfd14689f6d102af751d171a80b4ab60"
 
+moment-timezone@^0.5.33:
+  version "0.5.33"
+  resolved "https://registry.yarnpkg.com/moment-timezone/-/moment-timezone-0.5.33.tgz#b252fd6bb57f341c9b59a5ab61a8e51a73bbd22c"
+  integrity sha512-PTc2vcT8K9J5/9rDEPe5czSIKgLoGsH8UNpA4qZTVw0Vd/Uz19geE9abbIOQKaAQFcnQ3v5YEXrbSc5BpshH+w==
+  dependencies:
+    moment ">= 2.9.0"
+
 [email protected]:
   version "2.21.0"
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.21.0.tgz#2a114b51d2a6ec9e6d83cf803f838a878d8a023a"
 
+"moment@>= 2.9.0":
+  version "2.29.1"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.1.tgz#b2be769fa31940be9eeea6469c075e35006fa3d3"
+  integrity sha512-kHmoybcPV8Sqy59DwNDY3Jefr64lK/by/da0ViFcuA4DH0vQg5Q6Ze5VimxkfQNSC+Mls/Kx53s7TjP1RhFEDQ==
+
 moment@^2.10.2:
   version "2.24.0"
   resolved "https://registry.yarnpkg.com/moment/-/moment-2.24.0.tgz#0d055d53f5052aa653c9f6eb68bb5d12bf5c2b5b"