Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-06-04 01:18:20 +02:00
Code Issues Projects Releases Wiki Activity

Inline paginate strategies

Browse Source
This commit is contained in:
Thomas Heartman 2025-03-20 10:38:49 +01:00
parent c1cea1e5a6
commit c08a334f98
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
1 changed files with 39 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/EnvironmentAccordionBody.tsx
View File

@ -244,7 +244,27 @@ export const EnvironmentAccordionBody = ({
const paginateStrategies = const paginateStrategies =
strategies.length >= 50 && manyStrategiesPagination; strategies.length >= 50 && manyStrategiesPagination;
const strategyList = paginateStrategies ? ( return (
<StyledAccordionBodyInnerContainer>
{paginateStrategies ? (
<AlertContainer>
<Alert severity='warning'>
We noticed you're using a high number of activation
strategies. To ensure a more targeted approach, consider
leveraging constraints or segments.
</Alert>
</AlertContainer>
) : null}
<StyledContentList>
{releasePlans.map((plan) => (
<StyledListItem data-type='release-plan' key={plan.id}>
<ReleasePlan
plan={plan}
environmentIsDisabled={isDisabled}
/>
</StyledListItem>
))}
{paginateStrategies ? (
<> <>
{page.map((strategy, index) => ( {page.map((strategy, index) => (
<StyledListItem key={strategy.id}> <StyledListItem key={strategy.id}>
@ -282,31 +302,8 @@ export const EnvironmentAccordionBody = ({
</StyledListItem> </StyledListItem>
))} ))}
</> </>
); )}
return (
<StyledAccordionBodyInnerContainer>
{paginateStrategies ? (
<AlertContainer>
<Alert severity='warning'>
We noticed you're using a high number of activation
strategies. To ensure a more targeted approach, consider
leveraging constraints or segments.
</Alert>
</AlertContainer>
) : null}
<StyledContentList>
{releasePlans.map((plan) => (
<StyledListItem data-type='release-plan' key={plan.id}>
<ReleasePlan
plan={plan}
environmentIsDisabled={isDisabled}
/>
</StyledListItem>
))}
{strategyList}
</StyledContentList> </StyledContentList>
{paginateStrategies ? ( {paginateStrategies ? (
<Pagination <Pagination
count={pages.length} count={pages.length}