修改错误

2025-08-08 00:44:23 +08:00
parent ef2e30401e
commit e903e6a3d1
2 changed files with 41 additions and 41 deletions
--- a/src/components/RelayStationManager.tsx
+++ b/src/components/RelayStationManager.tsx
@@ -9,22 +9,22 @@ import { Textarea } from '@/components/ui/textarea';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Switch } from '@/components/ui/switch';
 import { useTranslation } from '@/hooks/useTranslation';
-import { 
-  RelayStation, 
-  CreateRelayStationRequest, 
-  UpdateRelayStationRequest, 
-  RelayStationAdapter, 
+import {
+  RelayStation,
+  CreateRelayStationRequest,
+  UpdateRelayStationRequest,
+  RelayStationAdapter,
  AuthMethod,
  ConnectionTestResult,
-  api 
+  api
 } from '@/lib/api';
-import { 
-  Plus, 
-  Edit, 
-  Trash2, 
-  Globe, 
-  CheckCircle, 
-  XCircle, 
+import {
+  Plus,
+  Edit,
+  Trash2,
+  Globe,
+  CheckCircle,
+  XCircle,
  Wifi,
  WifiOff,
  Server,
@@ -48,7 +48,7 @@ const RelayStationManager: React.FC<RelayStationManagerProps> = ({ onBack }) =>
  const [togglingEnable, setTogglingEnable] = useState<Record<string, boolean>>({});
  const [currentConfig, setCurrentConfig] = useState<Record<string, string | null>>({});
  const [loadingConfig, setLoadingConfig] = useState(false);
-  
+
  const { t } = useTranslation();

  // 加载中转站列表
@@ -96,7 +96,7 @@ const RelayStationManager: React.FC<RelayStationManagerProps> = ({ onBack }) =>
      setTestingConnections(prev => ({ ...prev, [stationId]: true }));
      const result = await api.relayStationTestConnection(stationId);
      setConnectionTests(prev => ({ ...prev, [stationId]: result }));
-      
+
      if (result.success) {
        alert(t('relayStation.connectionSuccess'));
      } else {
@@ -113,7 +113,7 @@ const RelayStationManager: React.FC<RelayStationManagerProps> = ({ onBack }) =>
  // 删除中转站
  const deleteStation = async (stationId: string) => {
    if (!confirm(t('relayStation.deleteConfirm'))) return;
-    
+
    try {
      await api.relayStationDelete(stationId);
      alert(t('relayStation.deleteSuccess'));
@@ -156,7 +156,7 @@ const RelayStationManager: React.FC<RelayStationManagerProps> = ({ onBack }) =>
  const getStatusBadge = (station: RelayStation) => {
    const enabled = station.enabled;
    const isToggling = togglingEnable[station.id];
-    
+
    return (
      <div className="flex items-center gap-2">
        <Switch
@@ -208,7 +208,7 @@ const RelayStationManager: React.FC<RelayStationManagerProps> = ({ onBack }) =>
            </Button>
          </DialogTrigger>
          <DialogContent className="sm:max-w-[600px]">
-            <CreateStationDialog 
+            <CreateStationDialog
              onSuccess={() => {
                setShowCreateDialog(false);
                loadStations();
@@ -302,7 +302,7 @@ const RelayStationManager: React.FC<RelayStationManagerProps> = ({ onBack }) =>
                    <Globe className="mr-2 h-4 w-4" />
                    {station.api_url}
                  </div>
-                  
+
                  {station.description && (
                    <p className="text-sm text-muted-foreground">
                      {station.description}
@@ -341,7 +341,7 @@ const RelayStationManager: React.FC<RelayStationManagerProps> = ({ onBack }) =>
                      )}
                      {t('relayStation.testConnection')}
                    </Button>
-                    
+
                    <div className="flex space-x-2">
                      <Button
                        variant="ghost"
@@ -408,12 +408,12 @@ const CreateStationDialog: React.FC<{
    enabled: false,  // 默认不启用，需要通过主界面切换
  });
  const [submitting, setSubmitting] = useState(false);
-  
+
  const { t } = useTranslation();

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
-    
+
    if (!formData.name.trim()) {
      alert(t('relayStation.nameRequired'));
      return;
@@ -458,12 +458,12 @@ const CreateStationDialog: React.FC<{
              placeholder={t('relayStation.namePlaceholder')}
            />
          </div>
-          
+
          <div className="space-y-2">
            <Label htmlFor="adapter">{t('relayStation.adapterType')}</Label>
            <Select
              value={formData.adapter}
-              onValueChange={(value: RelayStationAdapter) => 
+              onValueChange={(value: RelayStationAdapter) =>
                setFormData(prev => ({ ...prev, adapter: value }))
              }
            >
@@ -498,7 +498,7 @@ const CreateStationDialog: React.FC<{
            type="url"
            value={formData.api_url}
            onChange={(e) => setFormData(prev => ({ ...prev, api_url: e.target.value }))}
-            placeholder="https://api.example.com"
+            placeholder="https://api.packycode.com"
          />
        </div>

@@ -507,7 +507,7 @@ const CreateStationDialog: React.FC<{
            <Label htmlFor="auth_method">{t('relayStation.authMethod')}</Label>
            <Select
              value={formData.auth_method}
-              onValueChange={(value: AuthMethod) => 
+              onValueChange={(value: AuthMethod) =>
                setFormData(prev => ({ ...prev, auth_method: value }))
              }
            >
@@ -550,7 +550,7 @@ const CreateStationDialog: React.FC<{
          <Switch
            id="enabled"
            checked={formData.enabled}
-            onCheckedChange={(checked) => 
+            onCheckedChange={(checked) =>
              setFormData(prev => ({ ...prev, enabled: checked }))
            }
          />
@@ -589,12 +589,12 @@ const EditStationDialog: React.FC<{
    enabled: station.enabled,
  });
  const [submitting, setSubmitting] = useState(false);
-  
+
  const { t } = useTranslation();

  const handleSubmit = async (e: React.FormEvent) => {
    e.preventDefault();
-    
+
    if (!formData.name.trim()) {
      alert(t('relayStation.nameRequired'));
      return;
@@ -630,12 +630,12 @@ const EditStationDialog: React.FC<{
              placeholder={t('relayStation.namePlaceholder')}
            />
          </div>
-          
+
          <div className="space-y-2">
            <Label htmlFor="adapter">{t('relayStation.adapterType')}</Label>
            <Select
              value={formData.adapter}
-              onValueChange={(value: RelayStationAdapter) => 
+              onValueChange={(value: RelayStationAdapter) =>
                setFormData(prev => ({ ...prev, adapter: value }))
              }
            >
@@ -659,7 +659,7 @@ const EditStationDialog: React.FC<{
            type="url"
            value={formData.api_url}
            onChange={(e) => setFormData(prev => ({ ...prev, api_url: e.target.value }))}
-            placeholder="https://api.example.com"
+            placeholder="https://api.packycode.com"
          />
        </div>

@@ -688,4 +688,4 @@ const EditStationDialog: React.FC<{
  );
 };

-export default RelayStationManager;
+export default RelayStationManager;
--- a/src/components/WelcomePage.tsx
+++ b/src/components/WelcomePage.tsx
@@ -99,11 +99,11 @@ export function WelcomePage({ onNavigate, onNewSession }: WelcomePageProps) {
          animate={{ opacity: 1, y: 0 }}
          transition={{ duration: 0.5 }}
        >
-          <h1 className="text-5xl font-bold mb-4 flex items-center justify-center gap-4 text-white">
+          <h1 className="text-5xl font-bold mb-4 flex items-center justify-center gap-4 text-foreground">
            <ClaudiaLogoMinimal size={56} />
            {t("app.welcome")}
          </h1>
-          <p className="text-white/90 text-xl">
+          <p className="text-muted-foreground text-xl">
            {t("app.tagline")}
          </p>
        </motion.div>
@@ -123,7 +123,7 @@ export function WelcomePage({ onNavigate, onNewSession }: WelcomePageProps) {
              }}
            >
              <div 
-                className="h-full group bg-white/5 border border-white/10 rounded-lg hover:bg-white/10 hover:border-orange-500/50 transition-all duration-300 cursor-pointer" 
+                className="h-full group bg-card/50 border border-border rounded-lg hover:bg-card hover:border-orange-500/50 transition-all duration-300 cursor-pointer" 
                onClick={() => handleCardClick(feature.view)}
              >
                <div className="p-10">
@@ -132,10 +132,10 @@ export function WelcomePage({ onNavigate, onNewSession }: WelcomePageProps) {
                      <feature.icon className={`h-10 w-10 ${feature.color}`} strokeWidth={1.5} />
                    </div>
                    <div className="flex-1">
-                      <h2 className="text-2xl font-bold mb-3 text-white group-hover:text-primary transition-colors">
+                      <h2 className="text-2xl font-bold mb-3 text-foreground group-hover:text-primary transition-colors">
                        {feature.title}
                      </h2>
-                      <p className="text-white/80 text-base leading-relaxed">
+                      <p className="text-muted-foreground text-base leading-relaxed">
                        {feature.subtitle}
                      </p>
                    </div>
@@ -161,7 +161,7 @@ export function WelcomePage({ onNavigate, onNewSession }: WelcomePageProps) {
              }}
            >
              <div 
-                className="h-32 group bg-white/5 border border-white/10 rounded-lg hover:bg-white/10 hover:border-orange-500/50 transition-all duration-300 cursor-pointer" 
+                className="h-32 group bg-card/50 border border-border rounded-lg hover:bg-card hover:border-orange-500/50 transition-all duration-300 cursor-pointer" 
                onClick={() => handleCardClick(feature.view)}
              >
                <div className="h-full flex items-center p-6">
@@ -169,10 +169,10 @@ export function WelcomePage({ onNavigate, onNewSession }: WelcomePageProps) {
                    <feature.icon className={`h-7 w-7 ${feature.color}`} strokeWidth={1.5} />
                  </div>
                  <div className="flex-1 min-w-0">
-                    <h3 className="text-sm font-semibold mb-1 text-white group-hover:text-primary transition-colors truncate">
+                    <h3 className="text-sm font-semibold mb-1 text-foreground group-hover:text-primary transition-colors truncate">
                      {feature.title}
                    </h3>
-                    <p className="text-xs text-white/70 line-clamp-2">
+                    <p className="text-xs text-muted-foreground line-clamp-2">
                      {feature.subtitle}
                    </p>
                  </div>