fix: replace moment with date-fns

package.json

@@ -35,8 +35,8 @@
     "aws-sdk": "^2.503.0",
     "bootstrap": "^4.3.1",
     "classnames": "^2.2.6",
+    "date-fns": "^1.30.1",
     "leaflet": "^1.5.1",
-    "moment": "^2.24.0",
     "react": "^16.8.6",
     "react-dom": "^16.8.6",
     "react-leaflet": "^2.4.0",

src/RelativeTime/RelativeTime.tsx

@@ -1,18 +1,19 @@
 import React, { useState, useEffect } from 'react'
-import moment from 'moment'
+import { distanceInWords } from 'date-fns'
 
-const getDiffInSeconds = (ts: Date) =>
-	(Date.now() - ts.getTime()) / 1000
+const getDiffInSeconds = (ts: Date) => (Date.now() - ts.getTime()) / 1000
 
 export const RelativeTime = ({ ts }: { ts: Date }) => {
-	const [label, setLabel] = useState(moment(ts).fromNow())
+	const [label, setLabel] = useState(
+		distanceInWords(new Date(), ts, { includeSeconds: true }),
+	)
 	const [diffInSeconds, setDiffInSeconds] = useState(getDiffInSeconds(ts))
 
 	useEffect(() => {
 		const updateDiffInSeconds = () => {
 			const d = getDiffInSeconds(ts)
 			setDiffInSeconds(d)
-			setLabel(moment(ts).fromNow())
+			setLabel(distanceInWords(new Date(), ts, { includeSeconds: true }))
 		}
 
 		let t: NodeJS.Timeout
@@ -28,5 +29,5 @@ export const RelativeTime = ({ ts }: { ts: Date }) => {
 		}
 	}, [diffInSeconds, ts])
 
-	return <time dateTime={ts.toISOString()}>{label}</time>
+	return <time dateTime={ts.toISOString()}>{label} ago</time>
 }