|
|
@@ -1,5 +1,5 @@
|
|
|
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
|
|
|
-import { Loader2, Plus, Plug, AlertTriangle, RotateCcw, Bell, Download, RefreshCw, ExternalLink, Globe, Droplets, Thermometer, FileText, Edit2, Send, CheckCircle, XCircle, History, Trash2, Upload, Zap, TrendingUp, Calendar, DollarSign, Power, PowerOff, Key, Copy, Database, Info, X, Shield, Printer } from 'lucide-react';
|
|
|
+import { Loader2, Plus, Plug, AlertTriangle, RotateCcw, Bell, Download, RefreshCw, ExternalLink, Globe, Droplets, Thermometer, FileText, Edit2, Send, CheckCircle, XCircle, History, Trash2, Upload, Zap, TrendingUp, Calendar, DollarSign, Power, PowerOff, Key, Copy, Database, Info, X, Shield, Printer, Cylinder } from 'lucide-react';
|
|
|
import { useTranslation } from 'react-i18next';
|
|
|
import { api } from '../api/client';
|
|
|
import type { AppSettings, AppSettingsUpdate, SmartPlug, SmartPlugStatus, NotificationProvider, NotificationTemplate, UpdateStatus } from '../api/client';
|
|
|
@@ -413,7 +413,7 @@ export function SettingsPage() {
|
|
|
className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px ${
|
|
|
activeTab === 'general'
|
|
|
? 'text-bambu-green border-bambu-green'
|
|
|
- : 'text-bambu-gray hover:text-white border-transparent'
|
|
|
+ : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent'
|
|
|
}`}
|
|
|
>
|
|
|
General
|
|
|
@@ -423,7 +423,7 @@ export function SettingsPage() {
|
|
|
className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${
|
|
|
activeTab === 'plugs'
|
|
|
? 'text-bambu-green border-bambu-green'
|
|
|
- : 'text-bambu-gray hover:text-white border-transparent'
|
|
|
+ : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent'
|
|
|
}`}
|
|
|
>
|
|
|
<Plug className="w-4 h-4" />
|
|
|
@@ -439,7 +439,7 @@ export function SettingsPage() {
|
|
|
className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${
|
|
|
activeTab === 'notifications'
|
|
|
? 'text-bambu-green border-bambu-green'
|
|
|
- : 'text-bambu-gray hover:text-white border-transparent'
|
|
|
+ : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent'
|
|
|
}`}
|
|
|
>
|
|
|
<Bell className="w-4 h-4" />
|
|
|
@@ -455,10 +455,10 @@ export function SettingsPage() {
|
|
|
className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${
|
|
|
activeTab === 'filament'
|
|
|
? 'text-bambu-green border-bambu-green'
|
|
|
- : 'text-bambu-gray hover:text-white border-transparent'
|
|
|
+ : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent'
|
|
|
}`}
|
|
|
>
|
|
|
- <Droplets className="w-4 h-4" />
|
|
|
+ <Cylinder className="w-4 h-4" />
|
|
|
Filament
|
|
|
</button>
|
|
|
<button
|
|
|
@@ -466,7 +466,7 @@ export function SettingsPage() {
|
|
|
className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${
|
|
|
activeTab === 'apikeys'
|
|
|
? 'text-bambu-green border-bambu-green'
|
|
|
- : 'text-bambu-gray hover:text-white border-transparent'
|
|
|
+ : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent'
|
|
|
}`}
|
|
|
>
|
|
|
<Key className="w-4 h-4" />
|
|
|
@@ -482,7 +482,7 @@ export function SettingsPage() {
|
|
|
className={`px-4 py-2 text-sm font-medium transition-colors border-b-2 -mb-px flex items-center gap-2 ${
|
|
|
activeTab === 'virtual-printer'
|
|
|
? 'text-bambu-green border-bambu-green'
|
|
|
- : 'text-bambu-gray hover:text-white border-transparent'
|
|
|
+ : 'text-bambu-gray hover:text-gray-900 dark:hover:text-white border-transparent'
|
|
|
}`}
|
|
|
>
|
|
|
<Printer className="w-4 h-4" />
|