193 lines
12 KiB
JavaScript
193 lines
12 KiB
JavaScript
'use strict';
|
|
|
|
var jsxRuntime = require('react/jsx-runtime');
|
|
var strapiAdmin = require('@strapi/admin/strapi-admin');
|
|
var designSystem = require('@strapi/design-system');
|
|
var icons = require('@strapi/icons');
|
|
var reactIntl = require('react-intl');
|
|
var purchasePageIllustrationDark = require('../assets/purchase-page-illustration-dark.svg.js');
|
|
var purchasePageIllustrationLight = require('../assets/purchase-page-illustration-light.svg.js');
|
|
var hooks = require('../modules/hooks.js');
|
|
|
|
const PurchaseContentReleases = ()=>{
|
|
const { formatMessage } = reactIntl.useIntl();
|
|
const currentTheme = hooks.useTypedSelector((state)=>state.admin_app.theme.currentTheme);
|
|
const illustration = currentTheme === 'light' ? purchasePageIllustrationLight : purchasePageIllustrationDark;
|
|
return /*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Root, {
|
|
children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Main, {
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(strapiAdmin.Layouts.Header, {
|
|
title: formatMessage({
|
|
id: 'content-releases.pages.Releases.title',
|
|
defaultMessage: 'Releases'
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
|
|
marginLeft: 10,
|
|
marginRight: 10,
|
|
shadow: "filterShadow",
|
|
hasRadius: true,
|
|
background: "neutral0",
|
|
borderColor: 'neutral150',
|
|
overflow: 'hidden',
|
|
children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Grid.Root, {
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
|
|
col: 6,
|
|
s: 12,
|
|
alignItems: 'flex-start',
|
|
children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
direction: "column",
|
|
alignItems: "flex-start",
|
|
padding: 7,
|
|
width: '100%',
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
|
|
children: /*#__PURE__*/ jsxRuntime.jsx(icons.PaperPlane, {
|
|
fill: "primary600",
|
|
width: `24px`,
|
|
height: `24px`
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
|
|
paddingTop: 3,
|
|
paddingBottom: 4,
|
|
children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
variant: "beta",
|
|
fontWeight: "bold",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.description',
|
|
defaultMessage: 'Group content and publish updates together'
|
|
})
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
direction: "column",
|
|
alignItems: 'flex-start',
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
|
|
fill: "success500",
|
|
width: `16px`,
|
|
height: `16px`,
|
|
style: {
|
|
flexShrink: 0
|
|
}
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
textColor: "neutral700",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.perks1',
|
|
defaultMessage: 'Add many entries to releases'
|
|
})
|
|
})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
|
|
fill: "success500",
|
|
width: `16px`,
|
|
height: `16px`,
|
|
style: {
|
|
flexShrink: 0
|
|
}
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
textColor: "neutral700",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.perks2',
|
|
defaultMessage: 'Quickly identify entries containing errors'
|
|
})
|
|
})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(icons.Check, {
|
|
fill: "success500",
|
|
width: `16px`,
|
|
height: `16px`,
|
|
style: {
|
|
flexShrink: 0
|
|
}
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
|
|
textColor: "neutral700",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.perks3',
|
|
defaultMessage: 'Schedule their publication, or publish them manually'
|
|
})
|
|
})
|
|
]
|
|
})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
|
|
gap: 2,
|
|
marginTop: 7,
|
|
children: [
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
|
|
variant: "default",
|
|
href: "https://strapi.io/pricing-self-hosted?utm_campaign=In-Product-CTA&utm_source=Releases",
|
|
children: formatMessage({
|
|
id: 'Settings.page.purchase.upgrade.cta',
|
|
defaultMessage: 'Upgrade'
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.LinkButton, {
|
|
variant: "tertiary",
|
|
endIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.ExternalLink, {}),
|
|
href: "https://strapi.io/features/releases?utm_campaign=In-Product-CTA&utm_source=Releases",
|
|
children: formatMessage({
|
|
id: 'Settings.page.purchase.learn-more.cta',
|
|
defaultMessage: 'Learn more'
|
|
})
|
|
})
|
|
]
|
|
})
|
|
]
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
|
|
col: 6,
|
|
s: 12,
|
|
background: "primary100",
|
|
minHeight: '280px',
|
|
children: /*#__PURE__*/ jsxRuntime.jsx("div", {
|
|
style: {
|
|
position: 'relative',
|
|
width: '100%',
|
|
height: '100%'
|
|
},
|
|
children: /*#__PURE__*/ jsxRuntime.jsx("img", {
|
|
src: illustration,
|
|
alt: "purchase-page-content-releases-illustration",
|
|
style: {
|
|
position: 'absolute',
|
|
top: 0,
|
|
left: 0,
|
|
width: '100%',
|
|
height: '100%',
|
|
objectFit: 'cover',
|
|
objectPosition: 'top left'
|
|
}
|
|
})
|
|
})
|
|
})
|
|
]
|
|
})
|
|
})
|
|
]
|
|
})
|
|
});
|
|
};
|
|
|
|
exports.PurchaseContentReleases = PurchaseContentReleases;
|
|
//# sourceMappingURL=PurchaseContentReleases.js.map
|