diff --git a/dashboard/src/features/users/components/used-user-traffic.tsx b/dashboard/src/features/users/components/used-user-traffic.tsx index 3278fac..5342e75 100644 --- a/dashboard/src/features/users/components/used-user-traffic.tsx +++ b/dashboard/src/features/users/components/used-user-traffic.tsx @@ -2,6 +2,7 @@ import { FC } from 'react' import { UserType } from '@marzneshin/features/users'; import { CircularProgress } from '@nextui-org/progress'; import prettyBytes from 'pretty-bytes'; +import { useTranslation } from 'react-i18next'; interface UserUsedTrafficProps { @@ -11,24 +12,22 @@ interface UserUsedTrafficProps { export const UserUsedTraffic: FC = ( { user } ) => { + const { t } = useTranslation() return ( - user.data_limit ? ( -
- -
-

- {prettyBytes(user.used_traffic)} -

-

- {prettyBytes(user.data_limit)} -

-
+
+ +
+

+ {prettyBytes(user.used_traffic)} +

+

+ {user.data_limit ? prettyBytes(user.data_limit) : t('page.users.unlimited')} +

- ) : prettyBytes(user.used_traffic) - +
); }