removed all Text components

This commit is contained in:
ronronscelestes 2021-11-16 17:45:30 +01:00
parent 097e56672b
commit 5365cde4c5
3 changed files with 18 additions and 15 deletions

View File

@ -6,7 +6,7 @@ import { useSelector } from 'react-redux';
import { Flex } from '@strapi/design-system/Flex';
import { Box } from '@strapi/design-system/Box';
import { Tooltip } from '@strapi/design-system/Tooltip';
import { Text } from '@strapi/design-system/Text';
import { Typography } from '@strapi/design-system/Typography';
import { Popover } from '@strapi/design-system/Popover';
import { SortIcon, stopPropagation } from '@strapi/helper-plugin';
import get from 'lodash/get';
@ -102,7 +102,7 @@ const LocaleListCell = ({ localizations, locale: currentLocaleCode, id }) => {
>
<Button type="button" onClick={handleTogglePopover} ref={buttonRef}>
<Flex>
<Text
<Typography
style={{ maxWidth: '252px', cursor: 'pointer' }}
data-for={elId}
data-tip={localesNames}
@ -110,7 +110,7 @@ const LocaleListCell = ({ localizations, locale: currentLocaleCode, id }) => {
ellipsis
>
{localesNames}
</Text>
</Typography>
<ActionWrapper>
<SortIcon />
@ -119,7 +119,7 @@ const LocaleListCell = ({ localizations, locale: currentLocaleCode, id }) => {
<ul>
{localesArray.map(name => (
<Box key={name} padding={3} as="li">
<Text>{name}</Text>
<Typography>{name}</Typography>
</Box>
))}
</ul>

View File

@ -9,7 +9,7 @@ import {
} from '@strapi/design-system/ModalLayout';
import { TabGroup, Tabs, Tab, TabPanels, TabPanel } from '@strapi/design-system/Tabs';
import { Button } from '@strapi/design-system/Button';
import { ButtonText, H2 } from '@strapi/design-system/Text';
import { Typography } from '@strapi/design-system/Typography';
import { Divider } from '@strapi/design-system/Divider';
import { Box } from '@strapi/design-system/Box';
import { Flex } from '@strapi/design-system/Flex';
@ -58,9 +58,12 @@ const ModalCreate = ({ onClose }) => {
>
<Form>
<ModalHeader>
<ButtonText textColor="neutral800" as="h2" id="add-locale-title">
{formatMessage({ id: getTrad('Settings.list.actions.add') })}
</ButtonText>
<Typography fontWeight="bold" textColor="neutral800" as="h2" id="add-locale-title">
{formatMessage({
id: getTrad('Settings.list.actions.add'),
defaultMessage: 'Add a locale',
})}
</Typography>
</ModalHeader>
<ModalBody>
<TabGroup
@ -72,12 +75,12 @@ const ModalCreate = ({ onClose }) => {
variant="simple"
>
<Flex justifyContent="space-between">
<H2>
<Typography as="h2" variant="beta">
{formatMessage({
id: getTrad('Settings.locales.modal.title'),
defaultMessage: 'Configurations',
})}
</H2>
</Typography>
<Tabs>
<Tab>
{formatMessage({

View File

@ -15,7 +15,7 @@ import { Flex } from '@strapi/design-system/Flex';
import { Box } from '@strapi/design-system/Box';
import { Button } from '@strapi/design-system/Button';
import { Divider } from '@strapi/design-system/Divider';
import { ButtonText, H2 } from '@strapi/design-system/Text';
import { Typography } from '@strapi/design-system/Typography';
import localeFormSchema from '../../schemas';
import useEditLocale from '../../hooks/useEditLocale';
import { getTrad } from '../../utils';
@ -45,12 +45,12 @@ const ModalEdit = ({ locale, onClose }) => {
>
<Form>
<ModalHeader>
<ButtonText textColor="neutral800" as="h2" id="edit-locale-title">
<Typography fontWeight="bold" textColor="neutral800" as="h2" id="edit-locale-title">
{formatMessage({
id: getTrad('Settings.list.actions.edit'),
defaultMessage: 'Edit a locale',
})}
</ButtonText>
</Typography>
</ModalHeader>
<ModalBody>
<TabGroup
@ -62,12 +62,12 @@ const ModalEdit = ({ locale, onClose }) => {
variant="simple"
>
<Flex justifyContent="space-between">
<H2>
<Typography as="h2">
{formatMessage({
id: getTrad('Settings.locales.modal.title'),
defaultMessage: 'Configurations',
})}
</H2>
</Typography>
<Tabs>
<Tab>
{formatMessage({