Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-10-13 11:17:26 +02:00
Code Issues Projects Releases Wiki Activity

feat: update demo plans modal

Browse Source
This commit is contained in:
Tymoteusz Czech 2024-10-30 11:54:12 +01:00
parent 28e062b5cf
commit 622025082e
No known key found for this signature in database
GPG Key ID: 133555230D88D75F
2 changed files with 70 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

100
frontend/src/component/demo/DemoDialog/DemoDialogPlans/DemoDialogPlans.tsx
View File

@ -3,6 +3,7 @@ import { DemoDialog } from '../DemoDialog';
import GitHub from '@mui/icons-material/GitHub';
import Launch from '@mui/icons-material/Launch';
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
import { useUiFlag } from 'hooks/useUiFlag';
const StyledDemoDialog = styled(DemoDialog)(({ theme }) => ({
'& .MuiDialog-paper': {
@ -82,6 +83,7 @@ interface IDemoDialogPlansProps {
export const DemoDialogPlans = ({ open, onClose }: IDemoDialogPlansProps) => {
const { trackEvent } = usePlausibleTracker();
const isEnterprisePaygEnabled = useUiFlag('enterprise-payg');
return (
<StyledDemoDialog open={open} onClose={onClose}>
@ -117,39 +119,75 @@ export const DemoDialogPlans = ({ open, onClose }: IDemoDialogPlansProps) => {
View project on GitHub
</Button>
</StyledPlan>
<StyledPlan>
<Typography variant='h5' fontWeight='bold'>
Pro
</Typography>
<Typography variant='body2' color='textSecondary'>
Free your team to collaborate. We'll do the heavy
lifting.
</Typography>
<div>
<Typography variant='h6' fontWeight='normal'>
$80/month
{isEnterprisePaygEnabled ? (
<StyledPlan>
<Typography variant='h5' fontWeight='bold'>
Enterprise Starter
</Typography>
<Typography variant='body2'>
includes 5 seats
<Typography variant='body2' color='textSecondary'>
Free your team to collaborate. We'll do the heavy
lifting.
</Typography>
</div>
<Button
variant='contained'
color='primary'
href='https://www.getunleash.io/plans/pro'
target='_blank'
rel='noreferrer'
onClick={() => {
trackEvent('demo-see-plan', {
props: {
plan: 'pro',
},
});
}}
>
Start 14-day free trial
</Button>
</StyledPlan>
<div>
<Typography variant='h6' fontWeight='normal'>
$375/month
</Typography>
<Typography variant='body2'>
includes 5 seats
</Typography>
</div>
<Button
variant='contained'
color='primary'
href='https://www.getunleash.io/plans/enterprise-payg'
target='_blank'
rel='noreferrer'
onClick={() => {
trackEvent('demo-see-plan', {
props: {
plan: 'enterprise-starter',
},
});
}}
>
Start 14-day free trial
</Button>
</StyledPlan>
) : (
<StyledPlan>
<Typography variant='h5' fontWeight='bold'>
Pro
</Typography>
<Typography variant='body2' color='textSecondary'>
Free your team to collaborate. We'll do the heavy
lifting.
</Typography>
<div>
<Typography variant='h6' fontWeight='normal'>
$80/month
</Typography>
<Typography variant='body2'>
includes 5 seats
</Typography>
</div>
<Button
variant='contained'
color='primary'
href='https://www.getunleash.io/plans/pro'
target='_blank'
rel='noreferrer'
onClick={() => {
trackEvent('demo-see-plan', {
props: {
plan: 'pro',
},
});
}}
>
Start 14-day free trial
</Button>
</StyledPlan>
)}
<StyledPlan>
<Typography variant='h5' fontWeight='bold'>
Enterprise

1
frontend/src/interfaces/uiConfig.ts
View File

@ -91,6 +91,7 @@ export type UiFlags = {
purchaseAdditionalEnvironments?: boolean;
unleashAI?: boolean;
releasePlans?: boolean;
'enterprise-payg'?: boolean;
};
export interface IVersionInfo {