mirror of
https://github.com/Unleash/unleash.git
synced 2025-09-24 17:51:14 +02:00
71f6b8e172
Small fix that reverts https://github.com/Unleash/unleash/pull/3335/files#r1138829014 - Turns out it wasn't totally harmless and broke some modals that had more than 100% height and no overflow. This approach maintains the original logic and adds a new prop for the segment forms to make them proper modals when used in the project context.
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
import { PageContent } from 'component/common/PageContent/PageContent';
|
||
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
|
||
import { PageHeader } from 'component/common/PageHeader/PageHeader';
|
||
import { useRequiredPathParam } from 'hooks/useRequiredPathParam';
|
||
import { usePageTitle } from 'hooks/usePageTitle';
|
||
import { useProjectNameOrId } from 'hooks/api/getters/useProject/useProject';
|
||
import { SegmentTable } from 'component/segments/SegmentTable';
|
||
import { PremiumFeature } from 'component/common/PremiumFeature/PremiumFeature';
|
||
import { Route, Routes, useNavigate } from 'react-router-dom';
|
||
import { CreateSegment } from 'component/segments/CreateSegment/CreateSegment';
|
||
import { EditSegment } from 'component/segments/EditSegment/EditSegment';
|
||
import { SidebarModal } from 'component/common/SidebarModal/SidebarModal';
|
||
import { GO_BACK } from 'constants/navigate';
|
||
|
||
export const ProjectSegments = () => {
|
||
const projectId = useRequiredPathParam('projectId');
|
||
const projectName = useProjectNameOrId(projectId);
|
||
const { isOss } = useUiConfig();
|
||
const navigate = useNavigate();
|
||
|
||
usePageTitle(`Project segments – ${projectName}`);
|
||
|
||
if (isOss()) {
|
||
return (
|
||
<PageContent
|
||
header={<PageHeader titleElement="Segments" />}
|
||
sx={{ justifyContent: 'center' }}
|
||
>
|
||
<PremiumFeature feature="segments" />
|
||
</PageContent>
|
||
);
|
||
}
|
||
|
||
return (
|
||
<Routes>
|
||
<Route
|
||
path="create"
|
||
element={
|
||
<SidebarModal
|
||
open
|
||
onClose={() => navigate(GO_BACK)}
|
||
label="Create segment"
|
||
>
|
||
<CreateSegment modal />
|
||
</SidebarModal>
|
||
}
|
||
/>
|
||
<Route
|
||
path="edit/:segmentId"
|
||
element={
|
||
<SidebarModal
|
||
open
|
||
onClose={() => navigate(GO_BACK)}
|
||
label="Edit segment"
|
||
>
|
||
<EditSegment modal />
|
||
</SidebarModal>
|
||
}
|
||
/>
|
||
<Route path="*" element={<SegmentTable />} />
|
||
</Routes>
|
||
);
|
||
};
|