fix: show translated text for Total admin selection

Author: x0sina

build_dashboard.sh

@@ -1,5 +1,5 @@
 #! /bin/bash
-
+set -e
 cd "$(dirname "$0")/dashboard"
 VITE_BASE_API=/ bun run build
 cp ./build/index.html ./build/404.html

dashboard/src/components/admins/filters.tsx

@@ -71,7 +71,7 @@ export function Filters<T extends BaseFilters>({ filters, onFilterChange }: Filt
       </div>
       {/* Refresh Button */}
       <div className="flex items-center gap-2 h-full">
-        <Button size="icon-md" onClick={() => refetch()} variant="ghost" className="flex items-center gap-2 border bg-input">
+        <Button size="icon-md" onClick={() => refetch()} variant="ghost" className="flex items-center gap-2 border">
           <RefreshCw className="w-4 h-4" />
         </Button>
       </div>

dashboard/src/components/dashboard/admin-statistics-card.tsx

@@ -1,19 +1,20 @@
 import { AdminDetails, SystemStats, useGetSystemStats } from '@/service/api'
 import { UserCircleIcon } from 'lucide-react'
+import { useTranslation } from 'react-i18next'
 import UserStatisticsCard from './users-statistics-card'
 import DataUsageChart from './data-usage-chart'
 
 const AdminStatisticsCard = ({ 
   admin, 
   systemStats, 
   showAdminInfo = true, 
-  currentAdmin 
 }: { 
   admin: AdminDetails | undefined; 
   systemStats: SystemStats | undefined; 
   showAdminInfo?: boolean;
   currentAdmin?: AdminDetails | undefined;
 }) => {
+  const { t } = useTranslation()
   if (!admin) return null
 
   // Send admin_username for specific admin stats, except for 'Total' which shows global stats
@@ -43,7 +44,9 @@ const AdminStatisticsCard = ({
         <div className="flex flex-row items-center justify-between">
           <div className="flex flex-row items-center gap-2">
             <UserCircleIcon className="size-7 text-muted-foreground" />
-            <span className="text-xl font-bold">{admin.username}</span>
+            <span className="text-xl font-bold">
+              {admin.username === 'Total' ? t('admins.total') : admin.username}
+            </span>
           </div>
         </div>
         <div className="grid grid-cols-1 gap-6 md:grid-cols-2">

dashboard/src/pages/_dashboard._index.tsx

@@ -379,7 +379,9 @@ const Dashboard = () => {
                               {selectedAdmin?.username === 'Total' ? <Sigma className="h-3 w-3" /> : selectedAdmin?.username?.charAt(0).toUpperCase() || '?'}
                             </AvatarFallback>
                           </Avatar>
-                          <span className="truncate text-xs sm:text-sm">{selectedAdmin?.username || t('advanceSearch.selectAdmin')}</span>
+                          <span className="truncate text-xs sm:text-sm">
+                            {selectedAdmin?.username === 'Total' ? t('admins.total') : selectedAdmin?.username || t('advanceSearch.selectAdmin')}
+                          </span>
                           {selectedAdmin && selectedAdmin.username !== 'Total' && (
                             <div className="flex-shrink-0">{selectedAdmin.is_sudo ? <UserCog className="h-3 w-3 text-primary" /> : <UserRound className="h-3 w-3 text-primary" />}</div>
                           )}
@@ -407,7 +409,7 @@ const Dashboard = () => {
                                 <Sigma className="h-3 w-3" />
                               </AvatarFallback>
                             </Avatar>
-                            <span className="flex-1 truncate">Total</span>
+                            <span className="flex-1 truncate">{t('admins.total')}</span>
                             <div className="flex flex-shrink-0 items-center gap-1">{selectedAdmin?.username === 'Total' && <Check className="h-3 w-3 text-primary" />}</div>
                           </CommandItem>