diff --git a/frontend/src/components/SmartPlugCard.tsx b/frontend/src/components/SmartPlugCard.tsx index a2569c220..29c19f3f2 100644 --- a/frontend/src/components/SmartPlugCard.tsx +++ b/frontend/src/components/SmartPlugCard.tsx @@ -1,6 +1,7 @@ import { useState } from 'react'; import { useMutation, useQueryClient, useQuery } from '@tanstack/react-query'; import { Plug, Power, PowerOff, Loader2, Trash2, Settings2, Thermometer, Clock, Wifi, WifiOff, Edit2, Bell, Calendar, LayoutGrid, ExternalLink, Home, Radio, Eye } from 'lucide-react'; +import { useTranslation } from 'react-i18next'; import { api } from '../api/client'; import type { SmartPlug, SmartPlugUpdate } from '../api/client'; import { Card, CardContent } from './Card'; @@ -14,6 +15,7 @@ interface SmartPlugCardProps { } export function SmartPlugCard({ plug, onEdit }: SmartPlugCardProps) { + const { t } = useTranslation(); const queryClient = useQueryClient(); const { showToast } = useToast(); const [showDeleteConfirm, setShowDeleteConfirm] = useState(false); @@ -171,7 +173,7 @@ export function SmartPlugCard({ plug, onEdit }: SmartPlugCardProps) { ) : (
- Offline + {t('smartPlugs.offline')}
)} {/* Admin page link - only for Tasmota */} @@ -181,10 +183,10 @@ export function SmartPlugCard({ plug, onEdit }: SmartPlugCardProps) { target="_blank" rel="noopener noreferrer" className="flex items-center gap-1 px-2 py-0.5 bg-bambu-dark hover:bg-bambu-dark-tertiary text-bambu-gray hover:text-white text-xs rounded-full transition-colors" - title="Open plug admin page" + title={t('smartPlugs.openPlugAdminPage')} > - Admin + {t('smartPlugs.admin')} )} @@ -449,7 +451,7 @@ export function SmartPlugCard({ plug, onEdit }: SmartPlugCardProps) { {/* Delete Confirmation */} {showDeleteConfirm && ( { controlMutation.mutate('on'); @@ -479,9 +481,9 @@ export function SmartPlugCard({ plug, onEdit }: SmartPlugCardProps) { {/* Power Off Confirmation */} {showPowerOffConfirm && ( { controlMutation.mutate('off');