0.1.1

AmintaCCCP · AmintaCCCP · commit bafb30efe0bf · 2025-07-29T15:50:13.000+08:00
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -103,8 +103,12 @@ export const Header: React.FC = () => {
         <div className="flex items-center justify-between h-16">
           {/* Logo and Title */}
           <div className="flex items-center space-x-3">
-            <div className="flex items-center justify-center w-10 h-10 bg-blue-600 rounded-lg">
-              <Star className="w-6 h-6 text-white" />
+            <div className="flex items-center justify-center w-10 h-10 rounded-lg overflow-hidden">
+              <img 
+                src="/assets/icon.png" 
+                alt="GitHub Stars Manager" 
+                className="w-10 h-10 object-cover"
+              />
             </div>
             <div>
               <h1 className="text-xl font-bold text-gray-900 dark:text-white">
diff --git a/src/components/ReleaseTimeline.tsx b/src/components/ReleaseTimeline.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useMemo } from 'react';
-import { ExternalLink, GitBranch, Calendar, Package, Bell, Search, X, RefreshCw, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Eye, EyeOff } from 'lucide-react';
+import { ExternalLink, GitBranch, Calendar, Package, Bell, Search, X, RefreshCw, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, Eye, EyeOff, Apple, Monitor, Terminal, Smartphone, Globe, Download } from 'lucide-react';
 import { Release } from '../types';
 import { useAppStore } from '../store/useAppStore';
 import { GitHubApiService } from '../services/githubApi';
@@ -288,15 +288,37 @@ export const ReleaseTimeline: React.FC = () => {
   };
 
   const getPlatformIcon = (platform: string) => {
-    const iconMap: Record<string, string> = {
-      windows: 'fab fa-windows',
-      macos: 'fab fa-apple',
-      linux: 'fab fa-linux',
-      android: 'fab fa-android',
-      ios: 'fab fa-apple',
-      universal: 'fas fa-download'
+    const platformLower = platform.toLowerCase();
+    
+    switch (platformLower) {
+      case 'windows':
+        return Monitor;
+      case 'macos':
+      case 'mac':
+      case 'ios':
+        return Apple;
+      case 'linux':
+        return Terminal;
+      case 'android':
+        return Smartphone;
+      case 'universal':
+      default:
+        return Download;
+    }
+  };
+
+  const getPlatformDisplayName = (platform: string) => {
+    const platformLower = platform.toLowerCase();
+    const nameMap: Record<string, string> = {
+      windows: 'Windows',
+      macos: 'macOS',
+      mac: 'macOS',
+      linux: 'Linux',
+      android: 'Android',
+      ios: 'iOS',
+      universal: 'Universal'
     };
-    return iconMap[platform] || 'fas fa-download';
+    return nameMap[platformLower] || platform;
   };
 
   const getPlatformColor = (platform: string) => {
@@ -338,9 +360,29 @@ export const ReleaseTimeline: React.FC = () => {
         <p className="text-gray-500 dark:text-gray-400 mb-6 max-w-md mx-auto">
           {subscribedRepoCount === 0 
             ? t('从仓库页面订阅仓库Release以在此查看更新。', 'Subscribe to repository releases from the Repositories tab to see updates here.')
-            : t(`您已订阅 ${subscribedRepoCount} 个仓库，但没有找到最近的Release。尝试同步以获取最新更新。`, `You're subscribed to ${subscribedRepoCount} repositories, but no recent releases were found. Try syncing to get the latest updates.`)
+            : t(`您已订阅 ${subscribedRepoCount} 个仓库，但没有找到最近的Release。点击下方刷新按钮获取最新更新。`, `You're subscribed to ${subscribedRepoCount} repositories, but no recent releases were found. Click the refresh button below to get the latest updates.`)
           }
         </p>
+        
+        {/* 刷新按钮 - 在有订阅仓库时显示 */}
+        {subscribedRepoCount > 0 && (
+          <div className="mb-6">
+            <button
+              onClick={handleRefresh}
+              disabled={isRefreshing}
+              className="flex items-center space-x-2 px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors disabled:opacity-50 disabled:cursor-not-allowed mx-auto"
+            >
+              <RefreshCw className={`w-5 h-5 ${isRefreshing ? 'animate-spin' : ''}`} />
+              <span>{isRefreshing ? t('刷新中...', 'Refreshing...') : t('刷新Release', 'Refresh Releases')}</span>
+            </button>
+            {lastRefreshTime && (
+              <p className="text-sm text-gray-500 dark:text-gray-400 mt-2">
+                {t('上次刷新:', 'Last refresh:')} {formatDistanceToNow(new Date(lastRefreshTime), { addSuffix: true })}
+              </p>
+            )}
+          </div>
+        )}
+
         {subscribedRepoCount === 0 && (
           <div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-4 max-w-md mx-auto">
             <div className="flex items-center space-x-2 text-blue-700 dark:text-blue-300">
@@ -459,8 +501,8 @@ export const ReleaseTimeline: React.FC = () => {
                       : 'bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'
                   }`}
                 >
-                  <i className={`${getPlatformIcon(platform)} w-4 h-4`}></i>
-                  <span className="capitalize">{platform}</span>
+                  {React.createElement(getPlatformIcon(platform), { className: "w-4 h-4" })}
+                  <span className="capitalize">{getPlatformDisplayName(platform)}</span>
                 </button>
               ))}
               {(searchQuery || selectedPlatforms.length > 0) && (
@@ -646,13 +688,16 @@ export const ReleaseTimeline: React.FC = () => {
                             }}
                           >
                             <div className="flex items-center space-x-1">
-                              {link.platforms.map((platform, pIndex) => (
-                                <i
-                                  key={pIndex}
-                                  className={`${getPlatformIcon(platform)} w-4 h-4 ${getPlatformColor(platform)}`}
-                                  title={platform}
-                                ></i>
-                              ))}
+                              {link.platforms.map((platform, pIndex) => {
+                                const IconComponent = getPlatformIcon(platform);
+                                return (
+                                  <IconComponent
+                                    key={pIndex}
+                                    className={`w-4 h-4 ${getPlatformColor(platform)}`}
+                                    title={getPlatformDisplayName(platform)}
+                                  />
+                                );
+                              })}
                             </div>
                             <span className="truncate max-w-32">{link.name}</span>
                           </a>
@@ -733,13 +778,16 @@ export const ReleaseTimeline: React.FC = () => {
                               }}
                             >
                               <div className="flex items-center space-x-0.5">
-                                {link.platforms.map((platform, pIndex) => (
-                                  <i
-                                    key={pIndex}
-                                    className={`${getPlatformIcon(platform)} w-3 h-3 ${getPlatformColor(platform)}`}
-                                    title={platform}
-                                  ></i>
-                                ))}
+                                {link.platforms.map((platform, pIndex) => {
+                                  const IconComponent = getPlatformIcon(platform);
+                                  return (
+                                    <IconComponent
+                                      key={pIndex}
+                                      className={`w-3 h-3 ${getPlatformColor(platform)}`}
+                                      title={getPlatformDisplayName(platform)}
+                                    />
+                                  );
+                                })}
                               </div>
                               <span className="text-xs text-gray-700 dark:text-gray-300 truncate max-w-16">
                                 {link.name.split('.').pop() || link.name}
diff --git a/src/components/RepositoryCard.tsx b/src/components/RepositoryCard.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useRef, useEffect } from 'react';
-import { Star, GitFork, Eye, ExternalLink, Calendar, Tag, Bell, BellOff, Bot, Monitor, Smartphone, Globe, Terminal, Package, Edit3, BookOpen } from 'lucide-react';
+import { Star, GitFork, Eye, ExternalLink, Calendar, Tag, Bell, BellOff, Bot, Monitor, Smartphone, Globe, Terminal, Package, Edit3, BookOpen, Apple, Zap } from 'lucide-react';
 import { Repository } from '../types';
 import { useAppStore, getAllCategories } from '../store/useAppStore';
 import { GitHubApiService } from '../services/githubApi';
@@ -87,19 +87,46 @@ export const RepositoryCard: React.FC<RepositoryCardProps> = ({
   };
 
   const getPlatformIcon = (platform: string) => {
-    const iconMap: Record<string, string> = {
-      mac: 'fab fa-apple',
-      macos: 'fab fa-apple',
-      windows: 'fab fa-windows',
-      win: 'fab fa-windows',
-      linux: 'fab fa-linux',
-      ios: 'fab fa-apple',
-      android: 'fab fa-android',
-      web: 'fas fa-globe',
-      cli: 'fas fa-terminal',
-      docker: 'fab fa-docker',
+    const platformLower = platform.toLowerCase();
+    
+    switch (platformLower) {
+      case 'mac':
+      case 'macos':
+      case 'ios':
+        return Apple;
+      case 'windows':
+      case 'win':
+        return Monitor; // 使用 Monitor 代表 Windows
+      case 'linux':
+        return Terminal; // 使用 Terminal 代表 Linux
+      case 'android':
+        return Smartphone;
+      case 'web':
+        return Globe;
+      case 'cli':
+        return Terminal;
+      case 'docker':
+        return Package;
+      default:
+        return Monitor; // 默认使用 Monitor
+    }
+  };
+
+  const getPlatformDisplayName = (platform: string) => {
+    const platformLower = platform.toLowerCase();
+    const nameMap: Record<string, string> = {
+      mac: 'macOS',
+      macos: 'macOS',
+      windows: 'Windows',
+      win: 'Windows',
+      linux: 'Linux',
+      ios: 'iOS',
+      android: 'Android',
+      web: 'Web',
+      cli: 'CLI',
+      docker: 'Docker',
     };
-    return iconMap[platform.toLowerCase()] || 'fas fa-desktop';
+    return nameMap[platformLower] || platform;
   };
 
   const handleAIAnalyze = async () => {
@@ -407,15 +434,20 @@ export const RepositoryCard: React.FC<RepositoryCardProps> = ({
             {language === 'zh' ? '支持平台:' : 'Platforms:'}
           </span>
           <div className="flex space-x-1">
-            {repository.ai_platforms.slice(0, 6).map((platform, index) => (
-              <div
-                key={index}
-                className="w-6 h-6 flex items-center justify-center bg-gray-100 dark:bg-gray-700 rounded text-gray-600 dark:text-gray-400"
-                title={platform}
-              >
-                <i className={`${getPlatformIcon(platform)} text-xs`}></i>
-              </div>
-            ))}
+            {repository.ai_platforms.slice(0, 6).map((platform, index) => {
+              const IconComponent = getPlatformIcon(platform);
+              const displayName = getPlatformDisplayName(platform);
+              
+              return (
+                <div
+                  key={index}
+                  className="w-6 h-6 flex items-center justify-center bg-gray-100 dark:bg-gray-700 rounded text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-default"
+                  title={displayName}
+                >
+                  <IconComponent className="w-3 h-3" />
+                </div>
+              );
+            })}
           </div>
         </div>
       )}
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Search, Filter, X, SlidersHorizontal, Monitor, Smartphone, Globe, Terminal, Package, CheckCircle, Bell, BellOff } from 'lucide-react';
+import { Search, Filter, X, SlidersHorizontal, Monitor, Smartphone, Globe, Terminal, Package, CheckCircle, Bell, BellOff, Apple } from 'lucide-react';
 import { useAppStore } from '../store/useAppStore';
 import { AIService } from '../services/aiService';
 
@@ -245,19 +245,46 @@ export const SearchBar: React.FC = () => {
     (searchFilters.isSubscribed !== undefined ? 1 : 0);
 
   const getPlatformIcon = (platform: string) => {
-    const iconMap: Record<string, string> = {
-      mac: 'fab fa-apple',
-      macos: 'fab fa-apple',
-      windows: 'fab fa-windows',
-      win: 'fab fa-windows',
-      linux: 'fab fa-linux',
-      ios: 'fab fa-apple',
-      android: 'fab fa-android',
-      web: 'fas fa-globe',
-      cli: 'fas fa-terminal',
-      docker: 'fab fa-docker',
+    const platformLower = platform.toLowerCase();
+    
+    switch (platformLower) {
+      case 'mac':
+      case 'macos':
+      case 'ios':
+        return Apple;
+      case 'windows':
+      case 'win':
+        return Monitor;
+      case 'linux':
+        return Terminal;
+      case 'android':
+        return Smartphone;
+      case 'web':
+        return Globe;
+      case 'cli':
+        return Terminal;
+      case 'docker':
+        return Package;
+      default:
+        return Monitor;
+    }
+  };
+
+  const getPlatformDisplayName = (platform: string) => {
+    const platformLower = platform.toLowerCase();
+    const nameMap: Record<string, string> = {
+      mac: 'macOS',
+      macos: 'macOS',
+      windows: 'Windows',
+      win: 'Windows',
+      linux: 'Linux',
+      ios: 'iOS',
+      android: 'Android',
+      web: 'Web',
+      cli: 'CLI',
+      docker: 'Docker',
     };
-    return iconMap[platform.toLowerCase()] || 'fas fa-desktop';
+    return nameMap[platformLower] || platform;
   };
 
   const t = (zh: string, en: string) => language === 'zh' ? zh : en;
@@ -458,8 +485,8 @@ export const SearchBar: React.FC = () => {
                         : 'bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600'
                     }`}
                   >
-                    <i className={`${getPlatformIcon(platform)} w-4 h-4`}></i>
-                    <span>{platform}</span>
+                    {React.createElement(getPlatformIcon(platform), { className: "w-4 h-4" })}
+                    <span>{getPlatformDisplayName(platform)}</span>
                   </button>
                 ))}
               </div>
diff --git a/src/store/useAppStore.ts b/src/store/useAppStore.ts
@@ -251,11 +251,14 @@ export const useAppStore = create<AppState & AppActions>()(
       }),
       toggleReleaseSubscription: (repoId) => set((state) => {
         const newSubscriptions = new Set(state.releaseSubscriptions);
-        if (newSubscriptions.has(repoId)) {
+        const wasSubscribed = newSubscriptions.has(repoId);
+        
+        if (wasSubscribed) {
           newSubscriptions.delete(repoId);
         } else {
           newSubscriptions.add(repoId);
         }
+        
         return { releaseSubscriptions: newSubscriptions };
       }),
       markReleaseAsRead: (releaseId) => set((state) => {
