translate some text

Author: aynsix

databox/client/src/components/Acl/AclHeader.tsx

@@ -0,0 +1,21 @@
+import {useTranslation} from 'react-i18next';
+import {AclPermission} from './acl';
+
+export default function AclHeader({aclName}: {aclName: string}) {
+    const {t} = useTranslation();
+
+    const aclPermissionLabels: {[key: string]: string} = {
+        [AclPermission.VIEW]: t('acl.permission.view', 'VIEW'),
+        [AclPermission.SHARE]: t('acl.permission.share', 'SHARE'),
+        [AclPermission.CREATE]: t('acl.permission.create', 'CREATE'),
+        [AclPermission.EDIT]: t('acl.permission.edit', 'EDIT'),
+        [AclPermission.DELETE]: t('acl.permission.delete', 'DELETE'),
+        [AclPermission.UNDELETE]: t('acl.permission.undelete', 'UNDELETE'),
+        [AclPermission.OPERATOR]: t('acl.permission.operator', 'OPERATOR'),
+        [AclPermission.MASTER]: t('acl.permission.master', 'MASTER'),
+        [AclPermission.OWNER]: t('acl.permission.owner', 'OWNER'),
+        [AclPermission.ALL]: t('acl.permission.all', 'ALL'),
+    };
+
+    return <span>{aclPermissionLabels[aclName]}</span>;
+}

databox/client/src/components/AttributeEntity/AttributeEntityFields.tsx

@@ -69,7 +69,7 @@ export default function AttributeEntityFields({
             ) : null}
             <FormRow>
                 <InputLabel>
-                    {t('form.attribute_entity.synonym.label', 'Synonyms')}
+                    {t('form.attribute_entity.synonyms.label', 'Synonyms')}
                 </InputLabel>
                 <KeyTranslationsWidget
                     renderLocale={l => {

databox/client/src/components/Permissions/PermissionTable.tsx

@@ -6,6 +6,7 @@ import {
 import {Ace, UserType} from '../../types';
 import {useTranslation} from 'react-i18next';
 import {AclPermission, aclPermissions} from '../Acl/acl';
+import AclHeader from '../Acl/AclHeader';
 import {Box} from '@mui/material';
 import PermissionRow from './PermissionRow';
 import type {TFunction} from '@alchemy/i18n';
@@ -23,15 +24,13 @@ type Props = {
     onMaskChange: OnMaskChange;
     onDelete: OnPermissionDelete;
     displayedPermissions?: DisplayedPermissions;
-    permissionHelper?: PermissionHelpers;
 };
 
 export default function PermissionTable({
     permissions,
     onMaskChange,
     onDelete,
     displayedPermissions,
-    permissionHelper,
 }: Props) {
     const {t} = useTranslation();
 
@@ -100,7 +99,7 @@ export default function PermissionTable({
                     {allColumns.map(k => {
                         return (
                             <th key={k} className={'p'}>
-                                <span>{permissionHelper?.[k]?.label ?? k}</span>
+                                <AclHeader aclName={k} />
                             </th>
                         );
                     })}

databox/client/translations/en.json

@@ -13,7 +13,17 @@
       }
     },
     "permission": {
-      "manage_collection": "Manage"
+      "all": "ALL",
+      "create": "CREATE",
+      "delete": "DELETE",
+      "edit": "EDIT",
+      "manage_collection": "Manage",
+      "master": "MASTER",
+      "operator": "OPERATOR",
+      "owner": "OWNER",
+      "share": "SHARE",
+      "undelete": "UNDELETE",
+      "view": "VIEW"
     },
     "table": {
       "cols": {
@@ -719,6 +729,9 @@
     },
     "attribute_entity": {
       "synonym": {
+        "label": "Synonym"
+      },
+      "synonyms": {
         "label": "Synonyms"
       },
       "value": {