Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-05-22 01:16:07 +02:00
Code Issues Projects Releases Wiki Activity

feat: always show features table (#9446)

Browse Source
This commit is contained in:
Mateusz Kwasniewski 2025-03-10 10:19:36 +01:00 committed by GitHub
parent 6d02e33680
commit 3059d23446
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 104 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
frontend/src/component/project/Project/PaginatedProjectFeatureToggles/ProjectFeatureToggles.tsx
View File

@ -148,14 +148,9 @@ export const ProjectFeatureToggles = ({
'hide-setup' | 'show-setup'
>(`onboarding-state:v1-${projectId}`, 'hide-setup');
const notOnboarding =
project.onboardingStatus.status === 'onboarded' ||
onboardingFlow === 'closed';
const isOnboarding =
project.onboardingStatus.status !== 'onboarded' &&
onboardingFlow === 'visible';
const noFeaturesExistInProject = project.featureTypeCounts?.length === 0;
const showFeaturesTable = !noFeaturesExistInProject || notOnboarding;
const trackOnboardingFinish = (sdkName: string) => {
if (!isOnboarding) {
@ -495,9 +490,6 @@ export const ProjectFeatureToggles = ({
/>
}
/>
<ConditionallyRender
condition={showFeaturesTable}
show={
<PageContent
disableLoading
disablePadding
@ -517,39 +509,33 @@ export const ProjectFeatureToggles = ({
{
header: 'Name',
id: 'name',
isVisible:
columnVisibility.name,
isVisible: columnVisibility.name,
isStatic: true,
},
{
header: 'Created',
id: 'createdAt',
isVisible:
columnVisibility.createdAt,
isVisible: columnVisibility.createdAt,
},
{
header: 'By',
id: 'createdBy',
isVisible:
columnVisibility.createdBy,
isVisible: columnVisibility.createdBy,
},
{
header: 'Last seen',
id: 'lastSeenAt',
isVisible:
columnVisibility.lastSeenAt,
isVisible: columnVisibility.lastSeenAt,
},
{
header: 'Lifecycle',
id: 'lifecycle',
isVisible:
columnVisibility.lifecycle,
isVisible: columnVisibility.lifecycle,
},
{
id: 'divider',
},
...environments.map(
(environment) => ({
...environments.map((environment) => ({
header: environment,
id: formatEnvironmentColumnId(
environment,
@ -560,8 +546,7 @@ export const ProjectFeatureToggles = ({
environment,
)
],
}),
),
})),
]}
onToggle={onToggleColumnVisibility}
/>
@ -595,9 +580,7 @@ export const ProjectFeatureToggles = ({
</PermissionIconButton>
</ButtonGroup>
</FilterRow>
<SearchHighlightProvider
value={tableState.query || ''}
>
<SearchHighlightProvider value={tableState.query || ''}>
<PaginatedTable
tableInstance={table}
totalItems={total}
@ -606,17 +589,14 @@ export const ProjectFeatureToggles = ({
<ConditionallyRender
condition={!data.length && !isPlaceholder}
show={
<TableEmptyState
query={tableState.query || ''}
/>
<TableEmptyState query={tableState.query || ''} />
}
/>
{rowActionsDialogs}
{featureToggleModals}
</div>
</PageContent>
}
/>
<ConnectSdkDialog
open={connectSdkOpen}
onClose={() => {