Replace moment with luxon

Signed-off-by: Joe Porpeglia <josephp@spotify.com>

plugins/github-actions/package.json

@@ -42,7 +42,7 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.45",
     "@octokit/rest": "^18.5.3",
-    "moment": "^2.27.0",
+    "luxon": "^1.27.0",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-lazylog": "^4.5.3",

plugins/github-actions/src/components/WorkflowRunDetails/WorkflowRunDetails.tsx

@@ -36,7 +36,7 @@ import {
 } from '@material-ui/core';
 import ExpandMoreIcon from '@material-ui/icons/ExpandMore';
 import ExternalLinkIcon from '@material-ui/icons/Launch';
-import moment from 'moment';
+import { DateTime } from 'luxon';
 import React from 'react';
 import { Job, Jobs, Step } from '../../api';
 import { useProjectName } from '../useProjectName';
@@ -74,8 +74,10 @@ const useStyles = makeStyles<Theme>(theme => ({
 }));
 
 const getElapsedTime = (start: string, end: string) => {
-  const diff = moment(moment(end || moment()).diff(moment(start)));
-  const timeElapsed = diff.format('m [minutes] s [seconds]');
+  const startDate = DateTime.fromISO(start);
+  const endDate = end ? DateTime.fromISO(end) : DateTime.now();
+  const diff = endDate.diff(startDate);
+  const timeElapsed = diff.toFormat(`m 'minutes' s 'seconds'`);
   return timeElapsed;
 };