mirror of
https://github.com/Unleash/unleash.git
synced 2025-04-01 01:18:10 +02:00
be518af228
This PR updates the Unleash UI to use the new environment limit.
As it turns out, we already had an environment limit in the UI, but it
was hardcoded (luckily, its value is the same as the new default value
🥳).
In addition to the existing places this limit was used, it also disables
the "new environment" button if you've reached the limit. Because this
limit already exists, I don't think we need a flag for it. The only
change is that you can't click a button (that should be a link!) that
takes you to a page you can't do anything on.
34 lines
1.2 KiB
TypeScript
34 lines
1.2 KiB
TypeScript
import ResponsiveButton from 'component/common/ResponsiveButton/ResponsiveButton';
|
|
import Add from '@mui/icons-material/Add';
|
|
import { ADMIN } from 'component/providers/AccessProvider/permissions';
|
|
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
|
|
import { useNavigate } from 'react-router-dom';
|
|
import { useEnvironments } from 'hooks/api/getters/useEnvironments/useEnvironments';
|
|
|
|
export const CreateEnvironmentButton = () => {
|
|
const { uiConfig } = useUiConfig();
|
|
const { environments } = useEnvironments();
|
|
const environmentLimit = uiConfig.resourceLimits.environments;
|
|
const navigate = useNavigate();
|
|
|
|
const limitReached = environments.length >= environmentLimit;
|
|
|
|
return (
|
|
<ResponsiveButton
|
|
tooltipProps={{
|
|
arrow: true,
|
|
title: limitReached
|
|
? `You have reached the limit of environments you can create (${environmentLimit}).`
|
|
: undefined,
|
|
}}
|
|
onClick={() => navigate('/environments/create')}
|
|
maxWidth='700px'
|
|
Icon={Add}
|
|
permission={ADMIN}
|
|
disabled={limitReached || !uiConfig.flags.EEA}
|
|
>
|
|
New environment
|
|
</ResponsiveButton>
|
|
);
|
|
};
|