加载中...
+{t('loading', language)}
); @@ -299,7 +299,7 @@ function App() { className="px-3 py-2 rounded text-sm font-semibold transition-all hover:scale-105" style={{ background: 'rgba(246, 70, 93, 0.1)', color: '#F6465D', border: '1px solid rgba(246, 70, 93, 0.2)' }} > - 退出 + {t('logout', language)} )} diff --git a/web/src/components/AITradersPage.tsx b/web/src/components/AITradersPage.tsx index ea0b2d2a..51511c90 100644 --- a/web/src/components/AITradersPage.tsx +++ b/web/src/components/AITradersPage.tsx @@ -3,7 +3,7 @@ import useSWR from 'swr'; import { api } from '../lib/api'; import type { TraderInfo, CreateTraderRequest, AIModel, Exchange } from '../types'; import { useLanguage } from '../contexts/LanguageContext'; -import { t, Language } from '../i18n/translations'; +import { t, type Language } from '../i18n/translations'; import { getExchangeIcon } from './ExchangeIcons'; import { getModelIcon } from './ModelIcons'; import { TraderConfigModal } from './TraderConfigModal'; @@ -134,25 +134,25 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { const handleCreateTrader = async (data: CreateTraderRequest) => { try { - const model = allModels?.find(m => m.id === data.ai_model_id); + const model = allModels?.find(m => m.provider === data.ai_model_id); const exchange = allExchanges?.find(e => e.id === data.exchange_id); - + if (!model?.enabled) { alert(t('modelNotConfigured', language)); return; } - + if (!exchange?.enabled) { alert(t('exchangeNotConfigured', language)); return; } - + await api.createTrader(data); setShowCreateModal(false); mutateTraders(); } catch (error) { console.error('Failed to create trader:', error); - alert('创建交易员失败'); + alert(t('createTraderFailed', language)); } }; @@ -163,24 +163,24 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { setShowEditModal(true); } catch (error) { console.error('Failed to fetch trader config:', error); - alert('获取交易员配置失败'); + alert(t('getTraderConfigFailed', language)); } }; const handleSaveEditTrader = async (data: CreateTraderRequest) => { if (!editingTrader) return; - + try { - const model = enabledModels?.find(m => m.id === data.ai_model_id); + const model = enabledModels?.find(m => m.provider === data.ai_model_id); const exchange = enabledExchanges?.find(e => e.id === data.exchange_id); - + if (!model) { - alert('AI模型配置不存在或未启用'); + alert(t('modelConfigNotExist', language)); return; } - + if (!exchange) { - alert('交易所配置不存在或未启用'); + alert(t('exchangeConfigNotExist', language)); return; } @@ -205,19 +205,19 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { mutateTraders(); } catch (error) { console.error('Failed to update trader:', error); - alert('更新交易员失败'); + alert(t('updateTraderFailed', language)); } }; const handleDeleteTrader = async (traderId: string) => { if (!confirm(t('confirmDeleteTrader', language))) return; - + try { await api.deleteTrader(traderId); mutateTraders(); } catch (error) { console.error('Failed to delete trader:', error); - alert('删除交易员失败'); + alert(t('deleteTraderFailed', language)); } }; @@ -231,7 +231,7 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { mutateTraders(); } catch (error) { console.error('Failed to toggle trader:', error); - alert('操作失败'); + alert(t('operationFailed', language)); } }; @@ -250,88 +250,91 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { }; const handleDeleteModelConfig = async (modelId: string) => { - if (!confirm('确定要删除此AI模型配置吗？')) return; - + if (!confirm(t('confirmDeleteModel', language))) return; + try { - const updatedModels = allModels?.map(m => - m.id === modelId ? { ...m, apiKey: '', enabled: false } : m + const updatedModels = allModels?.map(m => + m.id === modelId ? { ...m, apiKey: '', customApiUrl: '', customModelName: '', enabled: false } : m ) || []; - + const request = { models: Object.fromEntries( updatedModels.map(model => [ - model.id, + model.provider, // 使用 provider 而不是 id { enabled: model.enabled, - api_key: model.apiKey || '' + api_key: model.apiKey || '', + custom_api_url: model.customApiUrl || '', + custom_model_name: model.customModelName || '' } ]) ) }; - + await api.updateModelConfigs(request); setAllModels(updatedModels); setShowModelModal(false); setEditingModel(null); } catch (error) { console.error('Failed to delete model config:', error); - alert('删除配置失败'); + alert(t('deleteConfigFailed', language)); } }; - const handleSaveModelConfig = async (modelId: string, apiKey: string, customApiUrl?: string) => { + const handleSaveModelConfig = async (modelId: string, apiKey: string, customApiUrl?: string, customModelName?: string) => { try { // 找到要配置的模型（从supportedModels中） const modelToUpdate = supportedModels?.find(m => m.id === modelId); if (!modelToUpdate) { - alert('模型不存在'); + alert(t('modelNotExist', language)); return; } // 创建或更新用户的模型配置 const existingModel = allModels?.find(m => m.id === modelId); let updatedModels; - + if (existingModel) { // 更新现有配置 - updatedModels = allModels?.map(m => - m.id === modelId ? { ...m, apiKey, customApiUrl: customApiUrl || '', enabled: true } : m + updatedModels = allModels?.map(m => + m.id === modelId ? { ...m, apiKey, customApiUrl: customApiUrl || '', customModelName: customModelName || '', enabled: true } : m ) || []; } else { // 添加新配置 - const newModel = { ...modelToUpdate, apiKey, customApiUrl: customApiUrl || '', enabled: true }; + const newModel = { ...modelToUpdate, apiKey, customApiUrl: customApiUrl || '', customModelName: customModelName || '', enabled: true }; updatedModels = [...(allModels || []), newModel]; } - + const request = { models: Object.fromEntries( updatedModels.map(model => [ - model.id, + model.provider, // 使用 provider 而不是 id { enabled: model.enabled, api_key: model.apiKey || '', - custom_api_url: model.customApiUrl || '' + custom_api_url: model.customApiUrl || '', + custom_model_name: model.customModelName || '' } ]) ) }; - + await api.updateModelConfigs(request); - + // 重新获取用户配置以确保数据同步 const refreshedModels = await api.getModelConfigs(); setAllModels(refreshedModels); - + setShowModelModal(false); setEditingModel(null); } catch (error) { console.error('Failed to save model config:', error); - alert('保存配置失败'); + alert(t('saveConfigFailed', language)); } }; const handleDeleteExchangeConfig = async (exchangeId: string) => { - if (!confirm('确定要删除此交易所配置吗？')) return; + if (!confirm(t('confirmDeleteExchange', language))) return; try { const updatedExchanges = allExchanges?.map(e => @@ -358,7 +361,7 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { setEditingExchange(null); } catch (error) { console.error('Failed to delete exchange config:', error); - alert('删除交易所配置失败'); + alert(t('deleteExchangeConfigFailed', language)); } }; @@ -367,7 +370,7 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { // 找到要配置的交易所（从supportedExchanges中） const exchangeToUpdate = supportedExchanges?.find(e => e.id === exchangeId); if (!exchangeToUpdate) { - alert('交易所不存在'); + alert(t('exchangeNotExist', language)); return; } @@ -434,7 +437,7 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { setEditingExchange(null); } catch (error) { console.error('Failed to save exchange config:', error); - alert('保存交易所配置失败'); + alert(t('saveConfigFailed', language)); } }; @@ -455,7 +458,7 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { setShowSignalSourceModal(false); } catch (error) { console.error('Failed to save signal source:', error); - alert('保存信号源配置失败'); + alert(t('saveSignalSourceFailed', language)); } }; @@ -516,13 +519,13 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { )} @@ -814,6 +818,7 @@ export function AITradersPage({ onTraderSelect }: AITradersPageProps) { oiTopUrl={userSignalSource.oiTopUrl} onSave={handleSaveSignalSource} onClose={() => setShowSignalSourceModal(false)} + language={language} /> )} @@ -825,12 +830,14 @@ function SignalSourceModal({ coinPoolUrl, oiTopUrl, onSave, - onClose + onClose, + language }: { coinPoolUrl: string; oiTopUrl: string; onSave: (coinPoolUrl: string, oiTopUrl: string) => void; onClose: () => void; + language: Language; }) { const [coinPool, setCoinPool] = useState(coinPoolUrl || ''); const [oiTop, setOiTop] = useState(oiTopUrl || ''); @@ -844,7 +851,7 @@ function SignalSourceModal({