← marzneshin
/
dashboard/src/features/admins/components/dialogs/settings/admin-info/table.tsx
/
blame
https://dev.kronoz.win/r/marzneshin.git
| 1 | 4708fcb | Dawsh | 2y ago | import { |
| 2 | 4708fcb | Dawsh | 2y ago | Card, |
| 3 | 4708fcb | Dawsh | 2y ago | CardContent, |
| 4 | 4708fcb | Dawsh | 2y ago | CardHeader, |
| 5 | 4708fcb | Dawsh | 2y ago | CardTitle, |
| 6 | 4708fcb | Dawsh | 2y ago | Table, |
| 7 | 4708fcb | Dawsh | 2y ago | TableBody, |
| 8 | 4708fcb | Dawsh | 2y ago | TableRowWithCell, |
| 9 | 4708fcb | Dawsh | 2y ago | } from "@marzneshin/components"; |
| 10 | 4708fcb | Dawsh | 2y ago | import { FC } from "react"; |
| 11 | 4708fcb | Dawsh | 2y ago | import { |
| 12 | 4708fcb | Dawsh | 2y ago | type AdminProp, |
| 13 | 4708fcb | Dawsh | 2y ago | AdminEnabledPill, |
| 14 | 4708fcb | Dawsh | 2y ago | AdminPermissionPill |
| 15 | 4708fcb | Dawsh | 2y ago | } from "@marzneshin/features/admins"; |
| 16 | 4708fcb | Dawsh | 2y ago | import { useTranslation } from "react-i18next"; |
| 17 | 2f706e7 | Mardin | 2y ago | import { format } from '@chbphone55/pretty-bytes'; |
| 18 | 4708fcb | Dawsh | 2y ago | |
| 19 | 4708fcb | Dawsh | 2y ago | export const AdminInfoTable: FC<AdminProp> = ({ admin: entity }) => { |
| 20 | 4708fcb | Dawsh | 2y ago | const { t } = useTranslation(); |
| 21 | 2f706e7 | Mardin | 2y ago | const usersDataUsage = format(entity.users_data_usage); |
| 22 | 4708fcb | Dawsh | 2y ago | |
| 23 | 4708fcb | Dawsh | 2y ago | return ( |
| 24 | 4708fcb | Dawsh | 2y ago | <Card> |
| 25 | 4708fcb | Dawsh | 2y ago | <CardHeader className="flex flex-row justify-between items-center w-full"> |
| 26 | 4708fcb | Dawsh | 2y ago | <CardTitle>{t("admin_info")}</CardTitle> |
| 27 | 4708fcb | Dawsh | 2y ago | </CardHeader> |
| 28 | 4708fcb | Dawsh | 2y ago | <CardContent> |
| 29 | 4708fcb | Dawsh | 2y ago | <Table> |
| 30 | 4708fcb | Dawsh | 2y ago | <TableBody> |
| 31 | 4708fcb | Dawsh | 2y ago | <TableRowWithCell label={t("username")} value={entity.username} /> |
| 32 | 4708fcb | Dawsh | 2y ago | <TableRowWithCell |
| 33 | 4708fcb | Dawsh | 2y ago | label={t("enabled")} |
| 34 | 4708fcb | Dawsh | 2y ago | value={<AdminEnabledPill admin={entity} />} |
| 35 | 4708fcb | Dawsh | 2y ago | /> |
| 36 | 4708fcb | Dawsh | 2y ago | <TableRowWithCell |
| 37 | 4708fcb | Dawsh | 2y ago | label={t("page.admins.permission")} |
| 38 | 4708fcb | Dawsh | 2y ago | value={<AdminPermissionPill admin={entity} />} |
| 39 | 4708fcb | Dawsh | 2y ago | /> |
| 40 | 2f706e7 | Mardin | 2y ago | <TableRowWithCell |
| 41 | 2f706e7 | Mardin | 2y ago | label={t("page.admins.users-data-usage")} |
| 42 | 2f706e7 | Mardin | 2y ago | value={`${usersDataUsage[0]} ${usersDataUsage[1]}`} |
| 43 | 2f706e7 | Mardin | 2y ago | /> |
| 44 | 4708fcb | Dawsh | 2y ago | |
| 45 | 4708fcb | Dawsh | 2y ago | </TableBody> |
| 46 | 4708fcb | Dawsh | 2y ago | </Table> |
| 47 | 4708fcb | Dawsh | 2y ago | </CardContent> |
| 48 | 4708fcb | Dawsh | 2y ago | </Card> |
| 49 | 4708fcb | Dawsh | 2y ago | ); |
| 50 | 4708fcb | Dawsh | 2y ago | }; |