feat: WIP role form localization.

src/containers/Preferences/Users/Roles/RolesForm/components.js

@@ -3,8 +3,8 @@ import { Checkbox, Popover } from '@blueprintjs/core';
 import styled from 'styled-components';
 import { Field } from 'formik';
 
-import { permissions, ModulePermissionsStyle } from 'common/permissionsSchema';
-import { Card, If, ButtonLink, Choose } from 'components';
+import { getPermissionsSchema, ModulePermissionsStyle } from 'common/permissionsSchema';
+import { Card, If, ButtonLink, Choose, T } from 'components';
 import {
   getSerivceColumnPermission,
   getServiceExtraPermissions,
@@ -167,7 +167,7 @@ function ModulePermissionsTableHead() {
       <tr>
         <th></th>
         <If condition={serviceFullAccess}>
-          <th class={'full'}>Full Access</th>
+          <th class={'full'}><T id={'permissions.column.full_access'} /></th>
         </If>
         {columns.map((column) => (
           <th class={'permission'}>{column.label}</th>
@@ -354,6 +354,8 @@ function ModulePermissions({ module }) {
  * @return {React.JSX}
  */
 export const RolesPermissionList = () => {
+  const permissions = getPermissionsSchema();
+
   return (
     <ModulesPermission>
       {permissions.map((module) => (

src/containers/Preferences/Users/Roles/RolesForm/utils.js

@@ -2,7 +2,7 @@ import { chain, isEmpty, castArray, memoize } from 'lodash';
 import * as R from 'ramda';
 import { DepGraph } from 'dependency-graph';
 import {
-  permissions as PERMISSIONS_SCHEMA,
+  getPermissionsSchema,
   getPermissionsSchemaService,
   getPermissionsSchemaServices,
 } from 'common/permissionsSchema';
@@ -266,7 +266,9 @@ export const handleCheckboxFullAccessChange = R.curry(
  * Retrieves all flatten modules permissions.
  */
 export function getAllFlattenPermissionsSchema() {
-  return chain(PERMISSIONS_SCHEMA)
+  const permissions = getPermissionsSchema();
+
+  return chain(permissions)
     .map((module) => module.services)
     .flatten()
     .map((module) =>