diff --git a/packages/plugins/users-permissions/admin/src/pages/Providers/index.js b/packages/plugins/users-permissions/admin/src/pages/Providers/index.js index 7763a924a0..75f6ad92e1 100644 --- a/packages/plugins/users-permissions/admin/src/pages/Providers/index.js +++ b/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 ( -
+
{ - image + + {formatMessage({ id: getTrad('Providers.image') })} + - name + {formatMessage({ id: getTrad('Providers.name') })} - status + {formatMessage({ id: getTrad('Providers.status') })} - Settings + + {formatMessage({ id: getTrad('Providers.settings') })} + {providers.map(provider => ( - @@ -256,7 +226,11 @@ const ProvidersPage = () => { - {provider.enabled ? 'enabled' : 'disabled'} + + {provider.enabled + ? formatMessage({ id: getTrad('Providers.enabled') }) + : formatMessage({ id: getTrad('Providers.disabled') })} + {canUpdate && ( @@ -274,38 +248,6 @@ const ProvidersPage = () => {
- {/*
- ( - handleClickEdit(provider)} - links={[ - { - icon: canUpdate ? : null, - onClick: e => { - e.stopPropagation(); - handleClickEdit(provider); - }, - }, - ]} - > - - - {provider.enabled ? 'Enabled' : 'Disabled'} - - - - )} - /> -
*/}