yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-26 15:11:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

feedback fix

Browse Source
This commit is contained in:
ronronscelestes 2021-11-17 12:08:43 +01:00
parent 5365cde4c5
commit 3d53acddee
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/plugins/i18n/admin/src/components/CheckboxConfirmation/index.js
View File

@ -1,5 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import styled from 'styled-components';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { Checkbox } from '@strapi/design-system/Checkbox'; import { Checkbox } from '@strapi/design-system/Checkbox';
import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog'; import { Dialog, DialogBody, DialogFooter } from '@strapi/design-system/Dialog';
@ -10,6 +11,10 @@ import { Button } from '@strapi/design-system/Button';
import ExclamationMarkCircle from '@strapi/icons/ExclamationMarkCircle'; import ExclamationMarkCircle from '@strapi/icons/ExclamationMarkCircle';
import { getTrad } from '../../utils'; import { getTrad } from '../../utils';
const TextAlignTypography = styled(Typography)`
text-align: center;
`;
const CheckboxConfirmation = ({ description, isCreating, intlLabel, name, onChange, value }) => { const CheckboxConfirmation = ({ description, isCreating, intlLabel, name, onChange, value }) => {
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();
const [isOpen, setIsOpen] = useState(false); const [isOpen, setIsOpen] = useState(false);
@ -63,17 +68,17 @@ const CheckboxConfirmation = ({ description, isCreating, intlLabel, name, onChan
<Dialog onClose={handleToggle} title="Confirmation" isOpen={isOpen}> <Dialog onClose={handleToggle} title="Confirmation" isOpen={isOpen}>
<DialogBody icon={<ExclamationMarkCircle />}> <DialogBody icon={<ExclamationMarkCircle />}>
<Stack size={2}> <Stack size={2}>
<Flex justifyContent="center" style={{ textAlign: 'center' }}> <Flex justifyContent="center">
<Typography id="confirm-description"> <TextAlignTypography id="confirm-description">
{formatMessage({ {formatMessage({
id: getTrad('CheckboxConfirmation.Modal.content'), id: getTrad('CheckboxConfirmation.Modal.content'),
defaultMessage: defaultMessage:
'Disabling localization will engender the deletion of all your content but the one associated to your default locale (if existing).', 'Disabling localization will engender the deletion of all your content but the one associated to your default locale (if existing).',
})} })}
</Typography> </TextAlignTypography>
</Flex> </Flex>
<Flex justifyContent="center" style={{ textAlign: 'center' }}> <Flex justifyContent="center">
<Typography id="confirm-description" bold> <Typography fontWeight="semiBold" id="confirm-description">
{formatMessage({ {formatMessage({
id: getTrad('CheckboxConfirmation.Modal.body'), id: getTrad('CheckboxConfirmation.Modal.body'),
defaultMessage: 'Do you want to disable it?', defaultMessage: 'Do you want to disable it?',