edit role priviledge v1

Signed-off-by: shanghaikid <jiangruiyi@gmail.com>

client/src/i18n/en/user.ts

@@ -15,6 +15,8 @@ const userTrans = {
 
   // role
   deleteEditRoleTip: 'root role is not editable.',
+  disabbleEditRolePriviledgeTip: 'admin and public role are not editable.',
+
   role: 'Role',
   editRole: 'Edit Role',
   roles: 'Roles',

client/src/pages/user/Roles.tsx

@@ -72,6 +72,29 @@ const Roles = () => {
       icon: 'add',
     },
 
+    {
+      type: 'iconBtn',
+      label: userTrans('editRole'),
+      onClick: async () => {
+        setDialog({
+          open: true,
+          type: 'custom',
+          params: {
+            component: (
+              <CreateRole onCreate={onCreate} handleClose={handleCloseDialog} />
+            ),
+          },
+        });
+      },
+      icon: 'edit',
+      disabled: () =>
+        selectedRole.length === 0 ||
+        selectedRole.length > 1 ||
+        selectedRole.findIndex(v => v.name === 'admin') > -1 ||
+        selectedRole.findIndex(v => v.name === 'public') > -1,
+      disabledTooltip: userTrans('disabbleEditRolePriviledgeTip'),
+    },
+
     {
       type: 'iconBtn',
       onClick: () => {