Fixed #301

src/components/RelativeTime.tsx

@@ -0,0 +1,32 @@
+import { useEffect, useState } from 'react'
+import { FormattedRelativeTime } from 'react-intl'
+import { AppState } from 'react-native'
+
+export interface Props {
+  type: 'past' | 'future'
+  time: string | number
+}
+
+const RelativeTime: React.FC<Props> = ({ type, time }) => {
+  const [now, setNow] = useState(new Date().getTime())
+  useEffect(() => {
+    const appStateListener = AppState.addEventListener('change', state => {
+      setNow(new Date().getTime())
+    })
+
+    return () => {
+      appStateListener.remove()
+    }
+  }, [])
+
+  return (
+    <FormattedRelativeTime
+      value={
+        ((type === 'past' ? -1 : 1) * (now - new Date(time).getTime())) / 1000
+      }
+      updateIntervalInSeconds={1}
+    />
+  )
+}
+
+export default RelativeTime