默认数据优化

Author: weizwz

.kiro/specs/frontend-navigation-site/ICON_FALLBACK_TEST.md

@@ -21,6 +21,7 @@ import { reorderLinks } from '@/store/slices/linksSlice';
 import { LinkCard } from './LinkCard';
 import { Link } from '@/types/link';
 import { showSuccess } from '@/utils/feedback';
+import { getDefaultCategoryName } from '@/services/defaultData';
 
 interface LinkGridProps {
   onEdit?: (link: Link) => void;
@@ -43,7 +44,7 @@ const LinkGridBase: React.FC<LinkGridProps> = ({
 }) => {
   const dispatch = useAppDispatch();
   const links = useAppSelector((state) => state.links.items);
-  const currentCategory = useAppSelector((state) => state.settings.currentCategory || '主页');
+  const currentCategory = useAppSelector((state) => state.settings.currentCategory || getDefaultCategoryName());
   const searchQuery = useAppSelector((state) => state.search.query);
   const searchResults = useAppSelector((state) => state.search.results);
 

components/navigation/LinkGrid.tsx

@@ -187,3 +187,11 @@ export const defaultCategories: Category[] = (() => {
     updatedAt: Date.now(),
   }));
 })();
+
+/**
+ * 获取默认分类名称
+ * 返回第一个分类的名称，如果没有分类则返回空字符串
+ */
+export const getDefaultCategoryName = (): string => {
+  return defaultCategories.length > 0 ? defaultCategories[0].name : '';
+};

services/defaultData.ts

@@ -1,5 +1,6 @@
 import { createSlice, PayloadAction } from '@reduxjs/toolkit';
 import { Settings, ThemeMode, LayoutMode, UpdateSettingsInput } from '@/types';
+import { getDefaultCategoryName } from '@/services/defaultData';
 
 /**
  * Settings 状态接口
@@ -18,7 +19,7 @@ const defaultSettings: Settings = {
   theme: 'system',
   searchEngine: 'google',
   layout: 'grid',
-  currentCategory: '常用工具',
+  currentCategory: getDefaultCategoryName(),
   showDescription: true,
   gridColumns: 6,
 };