mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
24c11332b5
* refactor: update mui packages * refactor: run mui codemods * refactor: format files after codemods * refactor: fix broken types * refactor: clean up theme * refactor: fix broken tests * refactor: replace @mui/styles with tss-react * refactor: move breakpoints into classes for tss * refactor: fix crash on missing feature description * refactor: remove void classNames * refactor: adjust styles to new defaults * refactor: remove broken rollout slider e2e test * refactor: fix duplicate e2e testid * refactor: update makeStyles after rebase * refactor: add missing snapshot after rebase * refactor: fix TableCellSortable focus styles * refactor: use 1.4 as the default line-height * refactor: hide webkit search field icons * refactor: fix select box label * refactor: make AutocompleteBox smaller * refactor: make heading smaller * refactor: fix toast close icon color * refactor: update snapshots * refactor: add missing test event awaits * refactor: fix default button line-height
90 lines
2.5 KiB
TypeScript
90 lines
2.5 KiB
TypeScript
import { Alert } from '@mui/material';
|
|
import { useStyles } from 'component/segments/SegmentDocs/SegmentDocs.styles';
|
|
import {
|
|
STRATEGY_SEGMENTS_LIMIT,
|
|
SEGMENT_VALUES_LIMIT,
|
|
} from 'utils/segmentLimits';
|
|
|
|
export const SegmentDocsWarning = () => {
|
|
const { classes: styles } = useStyles();
|
|
|
|
return (
|
|
<Alert severity="warning">
|
|
<p className={styles.paragraph}>
|
|
Segments is an experimental feature available to select users.
|
|
</p>
|
|
<p className={styles.paragraph}>
|
|
This feature is currently in development. Future versions may
|
|
require to update your SDKs.
|
|
</p>
|
|
<p className={styles.paragraph}>
|
|
<SegmentDocsLink />
|
|
</p>
|
|
</Alert>
|
|
);
|
|
};
|
|
|
|
export const SegmentDocsValuesWarning = () => {
|
|
return (
|
|
<Alert severity="warning">
|
|
Segments is an experimental feature available to select users.
|
|
Currently, segments are limited to at most {SEGMENT_VALUES_LIMIT}{' '}
|
|
values. <SegmentLimitsLink />
|
|
</Alert>
|
|
);
|
|
};
|
|
|
|
export const SegmentDocsValuesError = (props: { values: number }) => {
|
|
return (
|
|
<Alert severity="error">
|
|
Segments are limited to at most {SEGMENT_VALUES_LIMIT} values. This
|
|
segment currently has {props.values}{' '}
|
|
{props.values === 1 ? 'value' : 'values'}.
|
|
</Alert>
|
|
);
|
|
};
|
|
|
|
export const SegmentDocsStrategyWarning = () => {
|
|
return (
|
|
<Alert severity="warning">
|
|
Strategies are limited to {STRATEGY_SEGMENTS_LIMIT} segments.{' '}
|
|
<SegmentLimitsLink />
|
|
</Alert>
|
|
);
|
|
};
|
|
|
|
const SegmentDocsLink = () => {
|
|
return (
|
|
<>
|
|
<a
|
|
href={segmentsDocsLink}
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
style={{ color: 'inherit' }}
|
|
>
|
|
Read more about segments in the documentation
|
|
</a>
|
|
.
|
|
</>
|
|
);
|
|
};
|
|
|
|
const SegmentLimitsLink = () => {
|
|
return (
|
|
<>
|
|
Please{' '}
|
|
<a
|
|
href="https://slack.unleash.run"
|
|
target="_blank"
|
|
rel="noreferrer"
|
|
style={{ color: 'inherit' }}
|
|
>
|
|
get in touch
|
|
</a>{' '}
|
|
if you would like this limit increased.
|
|
</>
|
|
);
|
|
};
|
|
|
|
export const segmentsDocsLink = 'https://docs.getunleash.io/reference/segments';
|