yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-08-10 17:58:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add trads

Browse Source 
Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
soupette 2020-07-01 18:24:54 +02:00 committed by Alexandre Bodin
parent cc8944c20f
commit 30bf4c2503
6 changed files with 39 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/strapi-admin/admin/src/components/UpgradePlanModal/components/Arrow/Img.js
View File

@ -1,9 +0,0 @@
import styled from 'styled-components';
const Img = styled.img`
position: absolute;
top: 20px;
right: 195px;
`;
export default Img;

13
packages/strapi-admin/admin/src/components/UpgradePlanModal/components/Download/index.js Normal file
View File

@ -0,0 +1,13 @@
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import styled from 'styled-components';
const Download = styled(FontAwesomeIcon)`
margin-left: 10px;
transform: rotate(-45deg);
`;
Download.defaultProps = {
icon: 'arrow-right',
};
export default Download;

5
packages/strapi-admin/admin/src/components/UpgradePlanModal/components/Option/index.js
View File

@ -1,12 +1,15 @@
import React from 'react';
import { Text } from '@buffetjs/core';
import { useIntl } from 'react-intl';
import Wrapper from './Wrapper';
const Option = () => {
const { formatMessage } = useIntl();
return (
<Wrapper left right size="xs">
<Text color="mediumBlue" lineHeight="23px">
Community Edition
{formatMessage({ id: 'app.components.UpgradePlanModal.text-ce' })}
</Text>
</Wrapper>
);

4
packages/strapi-admin/admin/src/components/UpgradePlanModal/components/index.js Normal file
View File

@ -0,0 +1,4 @@
export { default as Arrow } from './Arrow';
export { default as Download } from './Download';
export { default as Option } from './Option';
export { default as Wrapper } from './Wrapper';

23
packages/strapi-admin/admin/src/components/UpgradePlanModal/index.js
View File

@ -4,13 +4,12 @@ import React, { useRef } from 'react';
import PropTypes from 'prop-types';
import { Button, Padded, Text } from '@buffetjs/core';
import { Modal } from 'strapi-helper-plugin';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import Arrow from './components/Arrow';
import Option from './components/Option';
import Wrapper from './components/Wrapper';
import { useIntl } from 'react-intl';
import { Arrow, Download, Option, Wrapper } from './components';
const UpgradePlanModal = ({ isOpen, onToggle }) => {
const ref = useRef();
const { formatMessage } = useIntl();
const handleClick = () => {
ref.current.click();
@ -24,29 +23,29 @@ const UpgradePlanModal = ({ isOpen, onToggle }) => {
<Padded top size="smd">
<Padded top size="xs">
<Text fontSize="xl" fontWeight="bold" lineHeight="24px">
You have reached the limit
{formatMessage({ id: 'app.components.UpgradePlanModal.limit-reached' })}
</Text>
</Padded>
</Padded>
<Padded style={{ maxWidth: 360 }} top size="smd">
<Padded style={{ maxWidth: 405 }} top size="smd">
<Text color="black" lineHeight="18px">
<Text as="span" fontSize="md" fontWeight="semiBold">
Unlock the full power
{formatMessage({ id: 'app.components.UpgradePlanModal.text-power' })}
</Text>
&nbsp;
<Text as="span" fontSize="md">
of Strapi by upgrading your plan to the
{formatMessage({ id: 'app.components.UpgradePlanModal.text-strapi' })}
</Text>
&nbsp;
<br />
<Text as="span" fontSize="md" fontWeight="semiBold">
Entreprise Edition
{formatMessage({ id: 'app.components.UpgradePlanModal.text-ee' })}
</Text>
</Text>
</Padded>
<Padded top size="md">
<Button color="primary" onClick={handleClick}>
LEARN MORE
<FontAwesomeIcon icon="arrow-right" />
{formatMessage({ id: 'app.components.UpgradePlanModal.button' })}
<Download />
</Button>
</Padded>
</Padded>

8
packages/strapi-admin/admin/src/translations/en.json
View File

@ -355,5 +355,11 @@
"Roles.RoleRow.user-count.plural": "{number} users",
"Roles.RoleRow.user-count.singular": "{number} user",
"Roles.components.List.empty.withSearch": "There is no role corresponding to the search ({search})...",
"Settings.PageTitle": "Settings - {name}"
"Settings.PageTitle": "Settings - {name}",
"app.components.UpgradePlanModal.limit-reached": "You have reached the limit",
"app.components.UpgradePlanModal.text-power": "Unlock the full power",
"app.components.UpgradePlanModal.text-strapi": "of Strapi by upgrading your plan to the",
"app.components.UpgradePlanModal.text-ee": "Entreprise Edition",
"app.components.UpgradePlanModal.text-ce": "Community Edition",
"app.components.UpgradePlanModal.button": "LEARN MORE"
}