feat: dayjs

package.json

@@ -29,6 +29,7 @@
     "byte-size": "^8.1.1",
     "commitlint": "^17.7.1",
     "daisyui": "^3.6.4",
+    "dayjs": "^1.11.9",
     "husky": "^8.0.3",
     "is-ip": "^5.0.1",
     "ky": "^0.33.3",

src/pages/Proxies.tsx

@@ -4,6 +4,7 @@ import Collapse from '~/components/Collpase'
 import ProxyNodeCard from '~/components/ProxyNodeCard'
 import { useProxies } from '~/signals/proxies'
 import type { Proxy } from '~/types'
+import { formatTimeFromNow } from '~/utils/date'
 
 export default () => {
   const {
@@ -106,8 +107,8 @@ export default () => {
                     <span>{proxyProvider.name}</span>
 
                     <div class="text-sm text-slate-500">
-                      {proxyProvider.vehicleType} :: Updated at{' '}
-                      {new Date(proxyProvider.updatedAt).toLocaleString()}
+                      {proxyProvider.vehicleType} :: Updated{' '}
+                      {formatTimeFromNow(proxyProvider.updatedAt)}
                     </div>
                   </div>
 

src/utils/date.ts

@@ -0,0 +1,8 @@
+import dayjs from 'dayjs'
+import relativeTime from 'dayjs/plugin/relativeTime'
+
+dayjs.extend(relativeTime)
+
+export function formatTimeFromNow(time: number | string) {
+  return dayjs(time).fromNow()
+}