mirror of
https://github.com/Unleash/unleash.git
synced 2025-02-09 00:18:00 +01:00
feat: upgrade more environments (#8804)
This commit is contained in:
parent
04b2b488f6
commit
61df153a5b
BIN
frontend/src/assets/img/upgradeEnvironments.png
Normal file
BIN
frontend/src/assets/img/upgradeEnvironments.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 129 KiB |
@ -32,6 +32,7 @@ import { TextCell } from 'component/common/Table/cells/TextCell/TextCell';
|
||||
import useProjectOverview, {
|
||||
useProjectOverviewNameOrId,
|
||||
} from 'hooks/api/getters/useProjectOverview/useProjectOverview';
|
||||
import { UpgradeMoreEnvironments } from './UpgradeMoreEnvironments';
|
||||
|
||||
const StyledAlert = styled(Alert)(({ theme }) => ({
|
||||
marginBottom: theme.spacing(4),
|
||||
@ -317,6 +318,7 @@ const ProjectEnvironmentList = () => {
|
||||
/>
|
||||
}
|
||||
/>
|
||||
{isOss() ? <UpgradeMoreEnvironments /> : null}
|
||||
<EnvironmentHideDialog
|
||||
environment={selectedEnvironment}
|
||||
open={hideDialog}
|
||||
|
@ -0,0 +1,93 @@
|
||||
import { Box, IconButton, Link, styled, Tooltip } from '@mui/material';
|
||||
import upgradeEnvironments from 'assets/img/upgradeEnvironments.png';
|
||||
import { formatAssetPath } from 'utils/formatPath';
|
||||
import Close from '@mui/icons-material/Close';
|
||||
import { useLocalStorageState } from 'hooks/useLocalStorageState';
|
||||
|
||||
const Wrapper = styled(Box)(({ theme }) => ({
|
||||
marginTop: theme.spacing(3),
|
||||
width: '100%',
|
||||
backgroundColor: theme.palette.background.elevation1,
|
||||
borderRadius: theme.shape.borderRadiusMedium,
|
||||
padding: theme.spacing(2),
|
||||
display: 'flex',
|
||||
justifyContent: 'center',
|
||||
position: 'relative',
|
||||
}));
|
||||
|
||||
const StyledLink = styled(Link)(({ theme }) => ({
|
||||
textDecoration: 'none',
|
||||
fontWeight: theme.typography.fontWeightBold,
|
||||
}));
|
||||
|
||||
const StyledImage = styled('img')(({ theme }) => ({
|
||||
width: theme.spacing(20),
|
||||
}));
|
||||
|
||||
const StyledCloseButton = styled(IconButton)(({ theme }) => ({
|
||||
position: 'absolute',
|
||||
top: theme.spacing(1.25),
|
||||
right: theme.spacing(1.5),
|
||||
}));
|
||||
|
||||
const MainContent = styled(Box)(({ theme }) => ({
|
||||
display: 'flex',
|
||||
gap: theme.spacing(3),
|
||||
marginTop: theme.spacing(2),
|
||||
marginBottom: theme.spacing(2),
|
||||
}));
|
||||
|
||||
const MainText = styled(Box)(({ theme }) => ({
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
justifyContent: 'center',
|
||||
gap: theme.spacing(1),
|
||||
maxWidth: theme.spacing(60),
|
||||
}));
|
||||
|
||||
export const UpgradeMoreEnvironments = () => {
|
||||
const [moreEnvironmentsUpgrade, setMoreEnvironmentsUpgrade] =
|
||||
useLocalStorageState<'open' | 'closed'>(
|
||||
'upgrade-environments:v1',
|
||||
'open',
|
||||
);
|
||||
|
||||
if (moreEnvironmentsUpgrade === 'closed') return null;
|
||||
|
||||
return (
|
||||
<Wrapper>
|
||||
<MainContent>
|
||||
<StyledImage
|
||||
src={formatAssetPath(upgradeEnvironments)}
|
||||
alt='Multiple environments'
|
||||
/>
|
||||
<MainText>
|
||||
<b>Need more environments?</b>
|
||||
<p>
|
||||
You are currently using our open-source version, which
|
||||
allows for only two environments. With our Enterprise
|
||||
offering, you can have unlimited environments to better
|
||||
suit your organization's needs.
|
||||
</p>
|
||||
<StyledLink
|
||||
href='https://www.getunleash.io/upgrade-unleash?utm_source=environments'
|
||||
target='_blank'
|
||||
>
|
||||
View our Enterprise offering
|
||||
</StyledLink>
|
||||
</MainText>
|
||||
</MainContent>
|
||||
<Tooltip title='Dismiss' arrow>
|
||||
<StyledCloseButton
|
||||
aria-label='dismiss'
|
||||
onClick={() => {
|
||||
setMoreEnvironmentsUpgrade('closed');
|
||||
}}
|
||||
size='small'
|
||||
>
|
||||
<Close fontSize='inherit' />
|
||||
</StyledCloseButton>
|
||||
</Tooltip>
|
||||
</Wrapper>
|
||||
);
|
||||
};
|
Loading…
Reference in New Issue
Block a user