From cef2842811687af36e43257a3d3f470caf23b376 Mon Sep 17 00:00:00 2001
From: imeepos <imeepos@sker.com>
Date: Wed, 23 Jul 2025 13:55:40 +0800
Subject: [PATCH] fix: image

---
 apps/desktop/src/App.tsx                                  | 4 ++--
 apps/desktop/src/components/WatermarkToolDialog.tsx       | 8 ++++----
 apps/desktop/src/components/thumbnail/BatchProgress.tsx   | 1 -
 apps/desktop/src/components/thumbnail/TaskList.tsx        | 6 ++----
 .../src/components/thumbnail/TimelineConfigPanel.tsx      | 2 +-
 apps/desktop/src/data/tools.ts                            | 2 +-
 6 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/apps/desktop/src/App.tsx b/apps/desktop/src/App.tsx
index 1ba06e2..fb2155a 100644
--- a/apps/desktop/src/App.tsx
+++ b/apps/desktop/src/App.tsx
@@ -16,7 +16,7 @@ import DebugPanelTool from './pages/tools/DebugPanelTool';
 import ChatTool from './pages/tools/ChatTool';
 import ChatTestPage from './pages/tools/ChatTestPage';
 import WatermarkTool from './pages/tools/WatermarkTool';
-import BatchThumbnailGenerator from './pages/tools/BatchThumbnailGenerator';
+// import BatchThumbnailGenerator from './pages/tools/BatchThumbnailGenerator';
 
 import Navigation from './components/Navigation';
 import { NotificationSystem, useNotifications } from './components/NotificationSystem';
@@ -102,7 +102,7 @@ function App() {
               <Route path="/tools/ai-chat" element={<ChatTool />} />
               <Route path="/tools/chat-test" element={<ChatTestPage />} />
               <Route path="/tools/watermark" element={<WatermarkTool />} />
-              <Route path="/tools/batch-thumbnail-generator" element={<BatchThumbnailGenerator />} />
+              {/* <Route path="/tools/batch-thumbnail-generator" element={<BatchThumbnailGenerator />} /> */}
             </Routes>
           </div>
         </main>
diff --git a/apps/desktop/src/components/WatermarkToolDialog.tsx b/apps/desktop/src/components/WatermarkToolDialog.tsx
index 1dd36e9..cc8a552 100644
--- a/apps/desktop/src/components/WatermarkToolDialog.tsx
+++ b/apps/desktop/src/components/WatermarkToolDialog.tsx
@@ -3,7 +3,7 @@ import { X, Droplets, Search, Plus, Upload, Trash2, Pause } from 'lucide-react';
 import { invoke } from '@tauri-apps/api/core';
 import { open } from '@tauri-apps/plugin-dialog';
 import { Material } from '../types/material';
-import { WatermarkTemplate, WatermarkConfig, WatermarkDetectionConfig, WatermarkRemovalConfig, BatchWatermarkTask, WatermarkDetectionResult, WatermarkProcessingResult } from '../types/watermark';
+import { WatermarkTemplate, WatermarkConfig, WatermarkDetectionConfig, WatermarkRemovalConfig, BatchWatermarkTask, WatermarkDetectionResult, WatermarkProcessingResult, DetectionMethod } from '../types/watermark';
 import { CustomSelect } from './CustomSelect';
 import { LoadingSpinner } from './LoadingSpinner';
 import { DeleteConfirmDialog } from './DeleteConfirmDialog';
@@ -427,12 +427,12 @@ export const WatermarkToolDialog: React.FC<WatermarkToolDialogProps> = ({
                     <label key={method} className="flex items-center space-x-2">
                       <input
                         type="checkbox"
-                        checked={detectionConfig.methods.includes(method)}
+                        checked={detectionConfig.methods.includes(method as DetectionMethod)}
                         onChange={(e) => {
                           if (e.target.checked) {
                             setDetectionConfig({
                               ...detectionConfig,
-                              methods: [...detectionConfig.methods, method]
+                              methods: [...detectionConfig.methods, method as DetectionMethod]
                             });
                           } else {
                             setDetectionConfig({
@@ -613,7 +613,7 @@ export const WatermarkToolDialog: React.FC<WatermarkToolDialogProps> = ({
                     位置
                   </label>
                   <CustomSelect
-                    value={additionConfig.position}
+                    value={typeof additionConfig.position === 'string' ? additionConfig.position : 'Custom'}
                     onChange={(value) => setAdditionConfig({
                       ...additionConfig,
                       position: value as any
diff --git a/apps/desktop/src/components/thumbnail/BatchProgress.tsx b/apps/desktop/src/components/thumbnail/BatchProgress.tsx
index c9b7740..a8dd23b 100644
--- a/apps/desktop/src/components/thumbnail/BatchProgress.tsx
+++ b/apps/desktop/src/components/thumbnail/BatchProgress.tsx
@@ -15,7 +15,6 @@ import {
   TaskStatus,
   TASK_STATUS_LABELS,
   TASK_STATUS_COLORS,
-  formatDuration,
   formatFileSize,
   formatProcessingSpeed
 } from '../../types/thumbnail';
diff --git a/apps/desktop/src/components/thumbnail/TaskList.tsx b/apps/desktop/src/components/thumbnail/TaskList.tsx
index d392e52..84fa25e 100644
--- a/apps/desktop/src/components/thumbnail/TaskList.tsx
+++ b/apps/desktop/src/components/thumbnail/TaskList.tsx
@@ -7,15 +7,13 @@ import {
   Clock,
   CheckCircle,
   AlertCircle,
-  FileVideo,
-  MoreHorizontal
+  FileVideo
 } from 'lucide-react';
 import {
   BatchThumbnailTask,
   TaskStatus,
   TASK_STATUS_LABELS,
-  TASK_STATUS_COLORS,
-  formatDuration
+  TASK_STATUS_COLORS
 } from '../../types/thumbnail';
 
 interface TaskListProps {
diff --git a/apps/desktop/src/components/thumbnail/TimelineConfigPanel.tsx b/apps/desktop/src/components/thumbnail/TimelineConfigPanel.tsx
index 59a14da..a11a9b4 100644
--- a/apps/desktop/src/components/thumbnail/TimelineConfigPanel.tsx
+++ b/apps/desktop/src/components/thumbnail/TimelineConfigPanel.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Grid, Palette, Ruler } from 'lucide-react';
+import { Grid, Palette } from 'lucide-react';
 import { TimelineConfig, TimelineLayout } from '../../types/thumbnail';
 import { CustomSelect } from '../CustomSelect';
 
diff --git a/apps/desktop/src/data/tools.ts b/apps/desktop/src/data/tools.ts
index 82baae3..69d354b 100644
--- a/apps/desktop/src/data/tools.ts
+++ b/apps/desktop/src/data/tools.ts
@@ -6,7 +6,7 @@ import {
   Database,
   FileSearch,
   MessageCircle,
-  Droplets,
+  Droplets
   Image
 } from 'lucide-react';
 import { Tool, ToolCategory, ToolStatus } from '../types/tool';