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