aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/app/views/admin/UserAdmin.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/app/views/admin/UserAdmin.tsx')
-rw-r--r--FrontEnd/src/app/views/admin/UserAdmin.tsx25
1 files changed, 18 insertions, 7 deletions
diff --git a/FrontEnd/src/app/views/admin/UserAdmin.tsx b/FrontEnd/src/app/views/admin/UserAdmin.tsx
index bd60381f..8fd9b351 100644
--- a/FrontEnd/src/app/views/admin/UserAdmin.tsx
+++ b/FrontEnd/src/app/views/admin/UserAdmin.tsx
@@ -15,6 +15,7 @@ import {
kUserPermissionList,
UserPermission,
} from "@/http/user";
+import { useTranslation } from "react-i18next";
interface DialogProps<TData = undefined, TReturn = undefined> {
open: boolean;
@@ -204,6 +205,8 @@ interface UserItemProps {
}
const UserItem: React.FC<UserItemProps> = ({ user, on }) => {
+ const { t } = useTranslation();
+
const [editMaskVisible, setEditMaskVisible] = React.useState<boolean>(false);
return (
@@ -214,10 +217,16 @@ const UserItem: React.FC<UserItemProps> = ({ user, on }) => {
onClick={() => setEditMaskVisible(true)}
/>
<h4 className="text-primary">{user.username}</h4>
- <div className="text-secondary">nickname: {user.nickname}</div>
- <div className="text-secondary">unique id: {user.uniqueId}</div>
<div className="text-secondary">
- permissions:{" "}
+ {t("admin:user.nickname")}
+ {user.nickname}
+ </div>
+ <div className="text-secondary">
+ {t("admin:user.uniqueId")}
+ {user.uniqueId}
+ </div>
+ <div className="text-secondary">
+ {t("admin:user.permissions")}
{user.permissions.map((permission) => {
return (
<span key={permission} className="text-danger">
@@ -231,13 +240,13 @@ const UserItem: React.FC<UserItemProps> = ({ user, on }) => {
onClick={() => setEditMaskVisible(false)}
>
<button className="text-button primary" onClick={on[kModify]}>
- Modify
+ {t("admin:user.modify")}
</button>
<button className="text-button primary" onClick={on[kModifyPermission]}>
- Modify Permission
+ {t("admin:user.modifyPermissions")}
</button>
<button className="text-button danger" onClick={on[kDelete]}>
- Delete
+ {t("admin:user.delete")}
</button>
</div>
</ListGroup.Item>
@@ -249,6 +258,8 @@ interface UserAdminProps {
}
const UserAdmin: React.FC<UserAdminProps> = (props) => {
+ const { t } = useTranslation();
+
type DialogInfo =
| null
| {
@@ -384,7 +395,7 @@ const UserAdmin: React.FC<UserAdminProps> = (props) => {
})
}
>
- Create
+ {t("admin:create")}
</Button>
</Col>
</Row>