191 lines
11 KiB
JavaScript
191 lines
11 KiB
JavaScript
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
import { Layouts } from '@strapi/admin/strapi-admin';
|
|
import { Main, Box, Grid, Flex, Typography, LinkButton } from '@strapi/design-system';
|
|
import { PaperPlane, Check, ExternalLink } from '@strapi/icons';
|
|
import { useIntl } from 'react-intl';
|
|
import img$1 from '../assets/purchase-page-illustration-dark.svg.mjs';
|
|
import img from '../assets/purchase-page-illustration-light.svg.mjs';
|
|
import { useTypedSelector } from '../modules/hooks.mjs';
|
|
|
|
const PurchaseContentReleases = ()=>{
|
|
const { formatMessage } = useIntl();
|
|
const currentTheme = useTypedSelector((state)=>state.admin_app.theme.currentTheme);
|
|
const illustration = currentTheme === 'light' ? img : img$1;
|
|
return /*#__PURE__*/ jsx(Layouts.Root, {
|
|
children: /*#__PURE__*/ jsxs(Main, {
|
|
children: [
|
|
/*#__PURE__*/ jsx(Layouts.Header, {
|
|
title: formatMessage({
|
|
id: 'content-releases.pages.Releases.title',
|
|
defaultMessage: 'Releases'
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsx(Box, {
|
|
marginLeft: 10,
|
|
marginRight: 10,
|
|
shadow: "filterShadow",
|
|
hasRadius: true,
|
|
background: "neutral0",
|
|
borderColor: 'neutral150',
|
|
overflow: 'hidden',
|
|
children: /*#__PURE__*/ jsxs(Grid.Root, {
|
|
children: [
|
|
/*#__PURE__*/ jsx(Grid.Item, {
|
|
col: 6,
|
|
s: 12,
|
|
alignItems: 'flex-start',
|
|
children: /*#__PURE__*/ jsxs(Flex, {
|
|
direction: "column",
|
|
alignItems: "flex-start",
|
|
padding: 7,
|
|
width: '100%',
|
|
children: [
|
|
/*#__PURE__*/ jsx(Flex, {
|
|
children: /*#__PURE__*/ jsx(PaperPlane, {
|
|
fill: "primary600",
|
|
width: `24px`,
|
|
height: `24px`
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsx(Flex, {
|
|
paddingTop: 3,
|
|
paddingBottom: 4,
|
|
children: /*#__PURE__*/ jsx(Typography, {
|
|
variant: "beta",
|
|
fontWeight: "bold",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.description',
|
|
defaultMessage: 'Group content and publish updates together'
|
|
})
|
|
})
|
|
}),
|
|
/*#__PURE__*/ jsxs(Flex, {
|
|
direction: "column",
|
|
alignItems: 'flex-start',
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsxs(Flex, {
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsx(Check, {
|
|
fill: "success500",
|
|
width: `16px`,
|
|
height: `16px`,
|
|
style: {
|
|
flexShrink: 0
|
|
}
|
|
}),
|
|
/*#__PURE__*/ jsx(Typography, {
|
|
textColor: "neutral700",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.perks1',
|
|
defaultMessage: 'Add many entries to releases'
|
|
})
|
|
})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxs(Flex, {
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsx(Check, {
|
|
fill: "success500",
|
|
width: `16px`,
|
|
height: `16px`,
|
|
style: {
|
|
flexShrink: 0
|
|
}
|
|
}),
|
|
/*#__PURE__*/ jsx(Typography, {
|
|
textColor: "neutral700",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.perks2',
|
|
defaultMessage: 'Quickly identify entries containing errors'
|
|
})
|
|
})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxs(Flex, {
|
|
gap: 2,
|
|
children: [
|
|
/*#__PURE__*/ jsx(Check, {
|
|
fill: "success500",
|
|
width: `16px`,
|
|
height: `16px`,
|
|
style: {
|
|
flexShrink: 0
|
|
}
|
|
}),
|
|
/*#__PURE__*/ jsx(Typography, {
|
|
textColor: "neutral700",
|
|
children: formatMessage({
|
|
id: 'pages.PurchaseRelease.perks3',
|
|
defaultMessage: 'Schedule their publication, or publish them manually'
|
|
})
|
|
})
|
|
]
|
|
})
|
|
]
|
|
}),
|
|
/*#__PURE__*/ jsxs(Flex, {
|
|
gap: 2,
|
|
marginTop: 7,
|
|
children: [
|
|
/*#__PURE__*/ jsx(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__*/ jsx(LinkButton, {
|
|
variant: "tertiary",
|
|
endIcon: /*#__PURE__*/ jsx(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__*/ jsx(Grid.Item, {
|
|
col: 6,
|
|
s: 12,
|
|
background: "primary100",
|
|
minHeight: '280px',
|
|
children: /*#__PURE__*/ jsx("div", {
|
|
style: {
|
|
position: 'relative',
|
|
width: '100%',
|
|
height: '100%'
|
|
},
|
|
children: /*#__PURE__*/ 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'
|
|
}
|
|
})
|
|
})
|
|
})
|
|
]
|
|
})
|
|
})
|
|
]
|
|
})
|
|
});
|
|
};
|
|
|
|
export { PurchaseContentReleases };
|
|
//# sourceMappingURL=PurchaseContentReleases.mjs.map
|