feat: remove date-fns

package.json

@@ -47,7 +47,6 @@
   },
   "dependencies": {
     "@types/styled-components": "^4.4.2",
-    "date-fns": "^2.9.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "styled-components": "^4.4.1",

src/Chat/TimeAgo.tsx

@@ -1,25 +1,7 @@
 import * as React from 'react'
-import { useState, useEffect } from 'react'
-import { formatDistance } from 'date-fns'
-import { enGB } from 'date-fns/locale'
 
-const d = (from: Date) => formatDistance(from, new Date(), { locale: enGB })
-
-export const TimeAgo = ({ from, ...props }: { from: Date }) => {
-	const [ago, setTimeAgo] = useState<string>(d(from))
-
-	useEffect(() => {
-		const i = setInterval(() => {
-			setTimeAgo(d(from))
-		}, 60000)
-		return () => {
-			clearInterval(i)
-		}
-	})
-
-	return (
-		<time dateTime={from.toISOString()} {...props}>
-			{ago}
-		</time>
-	)
-}
+export const TimeAgo = ({ from, ...props }: { from: Date }) => (
+	<time dateTime={from.toISOString()} {...props}>
+		{from.toLocaleTimeString()} {from.toLocaleDateString()}
+	</time>
+)

web/index.html

@@ -22,7 +22,7 @@ <h1>Distribute Aid: Chat</h1>
     <script src="./main.js"></script>
     <script type="text/javascript">
         window.onload = () => {
-            DAChat({ context: 'public' })
+            DAChat({ context: document.querySelector("meta[name='chat:context']").getAttribute("content") })
         }
     </script>
 </body>

webpack.config.js

@@ -21,13 +21,6 @@ const cfg = {
 		react: 'React',
 		'react-dom': 'ReactDOM',
 	},
-	plugins: [
-		// See https://date-fns.org/v2.9.0/docs/webpack
-		new webpack.ContextReplacementPlugin(
-			/date\-fns[\/\\]/,
-			new RegExp(`[/\\\\\](${['en'].join('|')})[/\\\\\]`),
-		),
-	],
 }
 
 module.exports = [