74 lines
2.8 KiB
JavaScript
74 lines
2.8 KiB
JavaScript
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
import { Box, Flex, Typography, LinkButton } from '@strapi/design-system';
|
|
import { ExternalLink } from '@strapi/icons';
|
|
import { useIntl } from 'react-intl';
|
|
import { styled } from 'styled-components';
|
|
import { getTrad } from '../utils/getTrad.mjs';
|
|
import { UploadIcon } from './Icons/UploadIcon.mjs';
|
|
|
|
const EmptyStateIconWrapper = styled(Box)`
|
|
svg {
|
|
height: 8.8rem;
|
|
}
|
|
`;
|
|
const CloudBox = ()=>{
|
|
const { formatMessage } = useIntl();
|
|
return /*#__PURE__*/ jsx(Box, {
|
|
padding: 4,
|
|
hasRadius: true,
|
|
children: /*#__PURE__*/ jsxs(Flex, {
|
|
alignItems: "center",
|
|
direction: "column",
|
|
padding: 11,
|
|
hasRadius: true,
|
|
children: [
|
|
/*#__PURE__*/ jsx(EmptyStateIconWrapper, {
|
|
paddingBottom: 6,
|
|
"aria-hidden": true,
|
|
children: /*#__PURE__*/ jsx(UploadIcon, {})
|
|
}),
|
|
/*#__PURE__*/ jsx(Box, {
|
|
paddingBottom: 4,
|
|
children: /*#__PURE__*/ jsx(Typography, {
|
|
variant: "beta",
|
|
tag: "p",
|
|
textAlign: "center",
|
|
textColor: "neutral1000",
|
|
children: formatMessage({
|
|
id: getTrad('Homepage.cloudBox.title'),
|
|
defaultMessage: 'Deploy to Strapi Cloud'
|
|
})
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsx(Typography, {
|
|
variant: "epsilon",
|
|
tag: "p",
|
|
textAlign: "center",
|
|
textColor: "neutral600",
|
|
children: formatMessage({
|
|
id: getTrad('Homepage.cloudBox.subTitle'),
|
|
defaultMessage: 'Enjoy a Strapi-optimized stack including database, email provider, and CDN.'
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsx(Box, {
|
|
marginTop: 4,
|
|
children: /*#__PURE__*/ jsx(LinkButton, {
|
|
variant: "default",
|
|
endIcon: /*#__PURE__*/ jsx(ExternalLink, {}),
|
|
href: "https://cloud.strapi.io/login?utm_campaign=Strapi%20Cloud%20Plugin&utm_source=In-Product&utm_medium=CTA",
|
|
isExternal: true,
|
|
target: "_blank",
|
|
children: formatMessage({
|
|
id: getTrad('Homepage.cloudBox.buttonText'),
|
|
defaultMessage: 'Deploy to Strapi Cloud'
|
|
})
|
|
})
|
|
})
|
|
]
|
|
})
|
|
});
|
|
};
|
|
|
|
export { CloudBox };
|
|
//# sourceMappingURL=Cloud.mjs.map
|