refactor(dayjs): Refactor internationalized time formatting feature (#22870) (#22872)

web/app/components/tools/mcp/hooks.ts

@@ -1,15 +0,0 @@
-import dayjs from 'dayjs'
-import relativeTime from 'dayjs/plugin/relativeTime'
-import { useCallback } from 'react'
-import { useI18N } from '@/context/i18n'
-
-dayjs.extend(relativeTime)
-
-export const useFormatTimeFromNow = () => {
-  const { locale } = useI18N()
-  const formatTimeFromNow = useCallback((time: number) => {
-    return dayjs(time).locale(locale === 'zh-Hans' ? 'zh-cn' : locale).fromNow()
-  }, [locale])
-
-  return { formatTimeFromNow }
-}

web/app/components/tools/mcp/provider-card.tsx

@@ -6,7 +6,7 @@ import { useAppContext } from '@/context/app-context'
 import { RiHammerFill } from '@remixicon/react'
 import Indicator from '@/app/components/header/indicator'
 import Icon from '@/app/components/plugins/card/base/card-icon'
-import { useFormatTimeFromNow } from './hooks'
+import { useFormatTimeFromNow } from '@/hooks/use-format-time-from-now'
 import type { ToolWithProvider } from '../../workflow/types'
 import Confirm from '@/app/components/base/confirm'
 import MCPModal from './modal'