watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-04 04:37:11 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Convert text for internationalization.

Browse source
This commit is contained in:
Mike Cao 2020-09-05 17:27:01 -07:00
parent 6833a5bdb0
commit f0ac9b6522
36 changed files with 1091 additions and 196 deletions
Download patch file Download diff file Expand all files Collapse all files

34
components/forms/DeleteForm.js
View file

@ -8,12 +8,17 @@ import FormLayout, {
FormMessage,
FormRow,
} from 'components/layout/FormLayout';
import { FormattedMessage } from 'react-intl';
const validate = ({ confirmation }) => {
const errors = {};
if (confirmation !== 'DELETE') {
errors.confirmation = !confirmation ? 'Required' : 'Invalid';
errors.confirmation = !confirmation ? (
<FormattedMessage id="label.required" defaultMessage="Required" />
) : (
<FormattedMessage id="label.invalid" defaultMessage="Invalid" />
);
}
return errors;
@ -28,7 +33,7 @@ export default function DeleteForm({ values, onSave, onClose }) {
if (typeof response !== 'string') {
onSave();
} else {
setMessage('Something went wrong');
setMessage(<FormattedMessage id="message.failure" defaultMessage="Something went wrong." />);
}
};
@ -42,11 +47,24 @@ export default function DeleteForm({ values, onSave, onClose }) {
{() => (
<Form>
<div>
Are your sure you want to delete <b>{values.name}</b>?
<FormattedMessage
id="message.confirm-delete"
defaultMessage="Are your sure you want to delete {target}?"
values={{ target: <b>{values.name}</b> }}
/>
</div>
<div>
<FormattedMessage
id="message.delete-warning"
defaultMessage="All associated data will be deleted as well."
/>
</div>
<div>All associated data will be deleted as well.</div>
<p>
Type <b>DELETE</b> in the box below to confirm.
<FormattedMessage
id="message.type-delete"
defaultMessage="Type {delete} in the box below to confirm."
values={{ delete: <b>DELETE</b> }}
/>
</p>
<FormRow>
<Field name="confirmation" type="text" />
@ -54,9 +72,11 @@ export default function DeleteForm({ values, onSave, onClose }) {
</FormRow>
<FormButtons>
<Button type="submit" variant="danger">
Delete
<FormattedMessage id="button.delete" defaultMessage="Delete" />
</Button>
<Button onClick={onClose}>
<FormattedMessage id="button.cancel" defaultMessage="Cancel" />
</Button>
<Button onClick={onClose}>Cancel</Button>
</FormButtons>
<FormMessage>{message}</FormMessage>
</Form>