revert date changes

Author: javadkh2

lib/date/dayjs.ts

@@ -12,7 +12,7 @@ import { nbsp } from 'toolkit/utils/htmlEntities';
 export const relativeTimeConfig = {
   thresholds: [
     { l: 's', r: 1 },
-    { l: 'ss', r: 59, d: 'secondasdfasdf' },
+    { l: 'ss', r: 59, d: 'second' },
     { l: 'm', r: 1 },
     { l: 'mm', r: 59, d: 'minute' },
     { l: 'h', r: 1 },
@@ -42,7 +42,7 @@ dayjs.updateLocale('en', {
   },
   relativeTime: {
     s: '1s',
-    ss: '%d seconds',
+    ss: '%ds',
     future: 'in %s',
     past: '%s ago',
     m: '1m',

lib/hooks/useTimeAgoIncrement.tsx

@@ -1,11 +1,8 @@
-import relativeTime from 'dayjs/plugin/relativeTime';
 import React from 'react';
 
-import dayjs, { relativeTimeConfig } from 'lib/date/dayjs';
+import dayjs from 'lib/date/dayjs';
 import { DAY, HOUR, MINUTE, SECOND } from 'toolkit/utils/consts';
 
-dayjs.extend(relativeTime, relativeTimeConfig);
-
 function getUnits(diff: number) {
   if (diff < MINUTE) {
     return [ SECOND, MINUTE ];
@@ -45,9 +42,7 @@ function getUpdateParams(ts: string | number) {
 }
 
 export default function useTimeAgoIncrement(ts: string | number | null = 0, isEnabled?: boolean) {
-  const date = ts ? dayjs(ts ?? 0) : null;
-
-  const [ value, setValue ] = React.useState(date ? date.toString() : '');
+  const [ value, setValue ] = React.useState(ts ? dayjs(ts).fromNow() : null);
 
   React.useEffect(() => {
     if (ts !== null) {