updated translations

packages/plugins/users-permissions/admin/src/pages/Providers/index.js

@@ -22,12 +22,9 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 import { HeaderLayout, Layout, ContentLayout } from '@strapi/parts/Layout';
 import { Main } from '@strapi/parts/Main';
-import { Stack } from '@strapi/parts/Stack';
 import { Table, Thead, Tr, Th, Tbody, Td } from '@strapi/parts/Table';
 import { Text, TableLabel } from '@strapi/parts/Text';
-import { Row as FlexRow } from '@strapi/parts/Row';
 import { VisuallyHidden } from '@strapi/parts/VisuallyHidden';
-import { Box } from '@strapi/parts/Box';
 import { IconButton } from '@strapi/parts/IconButton';
 import EditIcon from '@strapi/icons/EditIcon';
 import forms from './utils/forms';
@@ -36,7 +33,6 @@ import ModalForm from '../../components/ModalForm';
 import { getRequestURL, getTrad } from '../../utils';
 import { useForm } from '../../hooks';
 import pluginPermissions from '../../permissions';
-import Settings from '@strapi/icons/Settings';
 
 const ProvidersPage = () => {
   const { formatMessage } = useIntl();
@@ -69,10 +65,6 @@ const ProvidersPage = () => {
 
   const providers = useMemo(() => createProvidersArray(modifiedData), [modifiedData]);
   const rowCount = providers.length;
-  // const enabledProvidersCount = useMemo(
-  //   () => providers.filter(provider => provider.enabled).length,
-  //   [providers]
-  // );
 
   const isProviderWithSubdomain = useMemo(() => {
     if (!providerToEditName) {
@@ -84,31 +76,6 @@ const ProvidersPage = () => {
     return has(providerToEdit, 'subdomain');
   }, [providers, providerToEditName]);
 
-  // const disabledProvidersCount = useMemo(() => {
-  //   return providers.length - enabledProvidersCount;
-  // }, [providers, enabledProvidersCount]);
-
-  // const listTitle = useMemo(() => {
-  //   const enabledMessage = formatMessage(
-  //     {
-  //       id: getTrad(
-  //         `List.title.providers.enabled.${enabledProvidersCount > 1 ? 'plural' : 'singular'}`
-  //       ),
-  //     },
-  //     { number: enabledProvidersCount }
-  //   );
-  //   const disabledMessage = formatMessage(
-  //     {
-  //       id: getTrad(
-  //         `List.title.providers.disabled.${disabledProvidersCount > 1 ? 'plural' : 'singular'}`
-  //       ),
-  //     },
-  //     { number: disabledProvidersCount }
-  //   );
-
-  //   return `${enabledMessage} ${disabledMessage}`;
-  // }, [formatMessage, enabledProvidersCount, disabledProvidersCount]);
-
   const pageTitle = formatMessage({ id: getTrad('HeaderNav.link.providers') });
 
   const formToRender = useMemo(() => {
@@ -215,7 +182,7 @@ const ProvidersPage = () => {
   return (
     <Layout>
       <SettingsPageTitle name={pageTitle} />
-      <Main labelledBy="providers">
+      <Main labelledBy={formatMessage({ id: getTrad('HeaderNav.link.providers') })}>
         <HeaderLayout
           as="h1"
           id="providers"
@@ -227,25 +194,28 @@ const ProvidersPage = () => {
               <Tr>
                 <Th>
                   <TableLabel>
-                    <VisuallyHidden>image</VisuallyHidden>
+                    <VisuallyHidden>
+                      {formatMessage({ id: getTrad('Providers.image') })}
+                    </VisuallyHidden>
                   </TableLabel>
                 </Th>
                 <Th>
-                  <TableLabel>name</TableLabel>
+                  <TableLabel>{formatMessage({ id: getTrad('Providers.name') })}</TableLabel>
                 </Th>
                 <Th>
-                  <TableLabel>status</TableLabel>
+                  <TableLabel>{formatMessage({ id: getTrad('Providers.status') })}</TableLabel>
                 </Th>
                 <Th>
                   <TableLabel>
-                    <VisuallyHidden>Settings</VisuallyHidden>
+                    <VisuallyHidden>
+                      {formatMessage({ id: getTrad('Providers.settings') })}
+                    </VisuallyHidden>
                   </TableLabel>
                 </Th>
               </Tr>
             </Thead>
             <Tbody>
               {providers.map(provider => (
-                
                 <Tr key={provider.name}>
                   <Td width="">
                     <FontAwesomeIcon icon={provider.icon} />
@@ -256,7 +226,11 @@ const ProvidersPage = () => {
                     </Text>
                   </Td>
                   <Td width="65%">
-                    <Text textColor={provider.enabled ? 'success600' : 'danger600'}>{provider.enabled ? 'enabled' : 'disabled'}</Text>
+                    <Text textColor={provider.enabled ? 'success600' : 'danger600'}>
+                      {provider.enabled
+                        ? formatMessage({ id: getTrad('Providers.enabled') })
+                        : formatMessage({ id: getTrad('Providers.disabled') })}
+                    </Text>
                   </Td>
                   <Td>
                     {canUpdate && (
@@ -274,38 +248,6 @@ const ProvidersPage = () => {
           </Table>
         </ContentLayout>
       </Main>
-      {/* <div>
-        <List
-          title={listTitle}
-          items={providers}
-          isLoading={isLoadingForPermissions || isLoading}
-          customRowComponent={provider => (
-            <ListRow
-              {...provider}
-              onClick={() => handleClickEdit(provider)}
-              links={[
-                {
-                  icon: canUpdate ? <Pencil fill="#0e1622" /> : null,
-                  onClick: e => {
-                    e.stopPropagation();
-                    handleClickEdit(provider);
-                  },
-                },
-              ]}
-            >
-              <td key="enabled">
-                <Text
-                  fontWeight="semiBold"
-                  lineHeight="18px"
-                  color={provider.enabled ? 'green' : 'lightOrange'}
-                >
-                  {provider.enabled ? 'Enabled' : 'Disabled'}
-                </Text>
-              </td>
-            </ListRow>
-          )}
-        />
-      </div> */}
       <ModalForm
         isOpen={isOpen}
         onClick={handleClick}

packages/plugins/users-permissions/admin/src/translations/en.json

@@ -21,12 +21,6 @@
   "HeaderNav.link.emailTemplates": "Email Templates",
   "HeaderNav.link.providers": "Providers",
   "HeaderNav.link.roles": "Roles",
-  "List.title.emailTemplates.plural": "{number} email templates are available",
-  "List.title.emailTemplates.singular": "{number} email template is available",
-  "List.title.providers.disabled.plural": "{number} are disabled",
-  "List.title.providers.disabled.singular": "{number} is disabled",
-  "List.title.providers.enabled.plural": "{number} providers are enabled and",
-  "List.title.providers.enabled.singular": "{number} provider is enabled and",
   "Form.title.advancedSettings": "Settings",
   "Plugin.permissions.plugins.description": "Define all allowed actions for the {name} plugin.",
   "Plugins.header.description": "Only actions bound by a route are listed below.",
@@ -61,6 +55,12 @@
   "Settings.roles.deleted": "Role deleted",
   "Settings.roles.edited": "Role edited",
   "Settings.section-label": "Users & Permissions plugin",
+  "Providers.name": "Name",
+  "Providers.status": "Status",
+  "Providers.enabled": "Enabled",
+  "Providers.disabled": "Disabled",
+  "Providers.image": "Image",
+  "Providers.settings": "Settings",
   "notification.success.submit": "Settings have been updated",
   "page.title": "Settings - Roles",
   "plugin.description.long": "Protect your API with a full authentication process based on JWT. This plugin comes also with an ACL strategy that allows you to manage the permissions between the groups of users.",