fix: 浏览器 无法显示 时间轴的问题 (#391)

Author: qyzhizi

client/src/page/timeline.tsx

@@ -7,23 +7,43 @@ import {headersWithAuth} from "../utils/auth"
 import {siteName} from "../utils/constants"
 import {useTranslation} from "react-i18next";
 
+interface FeedItem {
+    id: number;
+    createdAt: Date;
+    title: string | null;
+}
 
 export function TimelinePage() {
-    const [feeds, setFeeds] = useState<Partial<Record<number, { id: number; title: string | null; createdAt: Date; }[]>>>()
+    const [feeds, setFeeds] = useState<Partial<Record<number, FeedItem[]>>>()
     const [length, setLength] = useState(0)
     const ref = useRef(false)
     const { t } = useTranslation()
     function fetchFeeds() {
         client.feed.timeline.get({
             headers: headersWithAuth()
-        }).then(({ data }) => {
+        })
+        .then(({ data }) => {
             if (data && typeof data !== 'string') {
-                setLength(data.length)
-                const groups = Object.groupBy(data, ({ createdAt }) => new Date(createdAt).getFullYear())
+                const arr = Array.isArray(data) ? data : []
+                setLength(arr.length)
+                // 兼容的分组逻辑
+                const groups = (Object.groupBy
+                    ? Object.groupBy(arr, ({ createdAt }) => new Date(createdAt).getFullYear())
+                    : arr.reduce<Record<number, FeedItem[]>>((acc, item) => {
+                        const key = new Date(item.createdAt).getFullYear()
+                        ;(acc[key] ||= []).push(item)
+                        return acc
+                    }, {})
+                )
+
                 setFeeds(groups)
             }
         })
+        .catch(err => {
+            console.error("fetchFeeds error:", err)
+        })
     }
+
     useEffect(() => {
         if (ref.current) return
         fetchFeeds()