diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx index c27b6d5..9c67591 100644 --- a/src/renderer/App.tsx +++ b/src/renderer/App.tsx @@ -3,8 +3,6 @@ import { Provider } from '../shared/types' import ProviderList from './components/ProviderList' import AddProviderModal from './components/AddProviderModal' import EditProviderModal from './components/EditProviderModal' -import ConfirmModal from './components/ConfirmModal' -import MessageModal from './components/MessageModal' import './App.css' function App() { @@ -13,21 +11,6 @@ function App() { const [isAddModalOpen, setIsAddModalOpen] = useState(false) const [configPath, setConfigPath] = useState('') const [editingProviderId, setEditingProviderId] = useState(null) - - // Modal states - const [confirmModal, setConfirmModal] = useState<{ - show: boolean - title: string - message: string - onConfirm: () => void - } | null>(null) - const [messageModal, setMessageModal] = useState<{ - show: boolean - title: string - message: string - type: 'success' | 'error' | 'info' - } | null>(null) - const [isLoading, setIsLoading] = useState(false) // 加载供应商列表 useEffect(() => { @@ -65,53 +48,20 @@ function App() { } const handleDeleteProvider = async (id: string) => { - setConfirmModal({ - show: true, - title: '删除供应商', - message: '确定要删除这个供应商吗?', - onConfirm: async () => { - await window.electronAPI.deleteProvider(id) - await loadProviders() - setConfirmModal(null) - } - }) + if (confirm('确定要删除这个供应商吗?')) { + await window.electronAPI.deleteProvider(id) + await loadProviders() + } } const handleSwitchProvider = async (id: string) => { - const provider = providers[id] - if (!provider) return - - // 如果是当前供应商,直接返回 - if (id === currentProviderId) return - - setConfirmModal({ - show: true, - title: '切换供应商', - message: `确定要切换到"${provider.name}"吗?`, - onConfirm: async () => { - setIsLoading(true) - const success = await window.electronAPI.switchProvider(id) - setIsLoading(false) - - if (success) { - setCurrentProviderId(id) - setMessageModal({ - show: true, - title: '切换成功', - message: '供应商已成功切换!', - type: 'success' - }) - } else { - setMessageModal({ - show: true, - title: '切换失败', - message: '切换失败,请检查配置', - type: 'error' - }) - } - setConfirmModal(null) - } - }) + const success = await window.electronAPI.switchProvider(id) + if (success) { + setCurrentProviderId(id) + alert('切换成功!') + } else { + alert('切换失败,请检查配置') + } } const handleEditProvider = async (provider: Provider) => { @@ -119,20 +69,10 @@ function App() { await window.electronAPI.updateProvider(provider) await loadProviders() setEditingProviderId(null) - setMessageModal({ - show: true, - title: '保存成功', - message: '供应商信息已更新!', - type: 'success' - }) + alert('保存成功!') } catch (error) { console.error('更新供应商失败:', error) - setMessageModal({ - show: true, - title: '保存失败', - message: '保存失败,请重试', - type: 'error' - }) + alert('保存失败,请重试') } } @@ -164,7 +104,6 @@ function App() { onSwitch={handleSwitchProvider} onDelete={handleDeleteProvider} onEdit={setEditingProviderId} - isLoading={isLoading} /> {configPath && ( @@ -195,24 +134,6 @@ function App() { onClose={() => setEditingProviderId(null)} /> )} - - {confirmModal && ( - setConfirmModal(null)} - /> - )} - - {messageModal && ( - setMessageModal(null)} - /> - )} ) } diff --git a/src/renderer/components/AddProviderModal.tsx b/src/renderer/components/AddProviderModal.tsx index 024a1de..6d79af3 100644 --- a/src/renderer/components/AddProviderModal.tsx +++ b/src/renderer/components/AddProviderModal.tsx @@ -5,23 +5,21 @@ import './AddProviderModal.css' interface AddProviderModalProps { onAdd: (provider: Omit) => void onClose: () => void - onError?: (message: string) => void } -const AddProviderModal: React.FC = ({ onAdd, onClose, onError }) => { +const AddProviderModal: React.FC = ({ onAdd, onClose }) => { const [formData, setFormData] = useState({ name: '', apiUrl: '', apiKey: '' }) const [showPassword, setShowPassword] = useState(false) - const [error, setError] = useState('') const handleSubmit = (e: React.FormEvent) => { e.preventDefault() if (!formData.name || !formData.apiUrl || !formData.apiKey) { - setError('请填写所有必填字段') + alert('请填写所有必填字段') return } @@ -77,12 +75,6 @@ const AddProviderModal: React.FC = ({ onAdd, onClose, onE
- {error && ( -
- {error} -
- )} -
void - onCancel: () => void -} - -const ConfirmModal: React.FC = ({ - title, - message, - confirmText = '确定', - cancelText = '取消', - onConfirm, - onCancel -}) => { - return ( -
-
e.stopPropagation()}> -

{title}

-

{message}

- -
- - -
-
-
- ) -} - -export default ConfirmModal \ No newline at end of file diff --git a/src/renderer/components/EditProviderModal.tsx b/src/renderer/components/EditProviderModal.tsx index 8822925..6ef0a9f 100644 --- a/src/renderer/components/EditProviderModal.tsx +++ b/src/renderer/components/EditProviderModal.tsx @@ -15,7 +15,6 @@ const EditProviderModal: React.FC = ({ provider, onSave, apiKey: provider.apiKey }) const [showPassword, setShowPassword] = useState(false) - const [error, setError] = useState('') useEffect(() => { setFormData({ @@ -29,7 +28,7 @@ const EditProviderModal: React.FC = ({ provider, onSave, e.preventDefault() if (!formData.name || !formData.apiUrl || !formData.apiKey) { - setError('请填写所有必填字段') + alert('请填写所有必填字段') return } @@ -53,12 +52,6 @@ const EditProviderModal: React.FC = ({ provider, onSave,

编辑供应商

- {error && ( -
- {error} -
- )} -
void -} - -const MessageModal: React.FC = ({ - title, - message, - type = 'info', - onClose -}) => { - const getIcon = () => { - switch (type) { - case 'success': - return '✅' - case 'error': - return '❌' - default: - return 'ℹ️' - } - } - - return ( -
-
e.stopPropagation()}> -

{getIcon()} {title}

-

{message}

- -
- -
-
-
- ) -} - -export default MessageModal \ No newline at end of file diff --git a/src/renderer/components/ProviderList.tsx b/src/renderer/components/ProviderList.tsx index 8413db6..89e42eb 100644 --- a/src/renderer/components/ProviderList.tsx +++ b/src/renderer/components/ProviderList.tsx @@ -8,7 +8,6 @@ interface ProviderListProps { onSwitch: (id: string) => void onDelete: (id: string) => void onEdit: (id: string) => void - isLoading?: boolean } const ProviderList: React.FC = ({ @@ -16,8 +15,7 @@ const ProviderList: React.FC = ({ currentProviderId, onSwitch, onDelete, - onEdit, - isLoading = false + onEdit }) => { return (
@@ -54,21 +52,20 @@ const ProviderList: React.FC = ({