-
-
Notifications
You must be signed in to change notification settings - Fork 656
/
VariantsTooltipWarning.tsx
34 lines (31 loc) · 1.06 KB
/
VariantsTooltipWarning.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import { HtmlTooltip } from 'component/common/HtmlTooltip/HtmlTooltip';
import { WarningAmber } from '@mui/icons-material';
import { styled } from '@mui/material';
const StyledWarningAmber = styled(WarningAmber)(({ theme }) => ({
color: theme.palette.warning.main,
fontSize: theme.fontSizes.bodySize,
}));
const VariantsWarningTooltip = () => {
return (
<HtmlTooltip
arrow
title={
<>
This environment has no variants enabled. If you check this
feature's variants in this environment, you will get the{' '}
<a
href="https://docs.getunleash.io/reference/feature-toggle-variants#the-disabled-variant"
target="_blank"
rel="noreferrer"
>
disabled variant
</a>
.
</>
}
>
<StyledWarningAmber />
</HtmlTooltip>
);
};
export default VariantsWarningTooltip;