[frontend] fix UI in exclusion lists (#9971)

OpenCTI-Platform · Feb 14, 2025 · f3d00f8 · f3d00f8
1 parent dccc851
commit f3d00f8
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/opencti-platform/opencti-front/src/components/PageContainer.tsx b/opencti-platform/opencti-front/src/components/PageContainer.tsx
@@ -4,7 +4,7 @@ import type { Theme } from './Theme';
 
 export const PageContainerContext = React.createContext({ inPageContainer: false });
 
-const PageContainer: FunctionComponent<{ children: React.ReactNode, withRightMenu: boolean, withGap?: boolean }> = ({ children, withRightMenu = false, withGap = false }) => {
+const PageContainer: FunctionComponent<{ children: React.ReactNode, withRightMenu?: boolean, withGap?: boolean }> = ({ children, withRightMenu = false, withGap = false }) => {
   const theme = useTheme<Theme>();
   return (
     <PageContainerContext.Provider value={{ inPageContainer: true }}>

diff --git a/...platform/opencti-front/src/private/components/settings/exclusion_lists/ExclusionLists.tsx b/...platform/opencti-front/src/private/components/settings/exclusion_lists/ExclusionLists.tsx
@@ -1,18 +1,15 @@
-import CustomizationMenu from '@components/settings/CustomizationMenu';
 import React from 'react';
-import ExclusionListCreation from '@components/settings/exclusion_lists/ExclusionListCreation';
 import { graphql, useQueryLoader } from 'react-relay';
-import { UsePreloadedPaginationFragment } from 'src/utils/hooks/usePreloadedPaginationFragment';
-import {
-  ExclusionListsLinesPaginationQuery,
-  ExclusionListsLinesPaginationQuery$variables,
-} from '@components/settings/exclusion_lists/__generated__/ExclusionListsLinesPaginationQuery.graphql';
-import { ExclusionListsLine_node$data } from '@components/settings/exclusion_lists/__generated__/ExclusionListsLine_node.graphql';
-import ExclusionListPopover from '@components/settings/exclusion_lists/ExclusionListPopover';
 import Badge from '@mui/material/Badge';
 import Grid from '@mui/material/Grid';
-import ExclusionListsStatus, { exclusionListsStatusQuery } from '@components/settings/exclusion_lists/ExclusionListsStatus';
-import { ExclusionListsStatusQuery } from '@components/settings/exclusion_lists/__generated__/ExclusionListsStatusQuery.graphql';
+import { UsePreloadedPaginationFragment } from '../../../../utils/hooks/usePreloadedPaginationFragment';
+import { ExclusionListsLinesPaginationQuery, ExclusionListsLinesPaginationQuery$variables } from './__generated__/ExclusionListsLinesPaginationQuery.graphql';
+import { ExclusionListsLine_node$data } from './__generated__/ExclusionListsLine_node.graphql';
+import ExclusionListPopover from './ExclusionListPopover';
+import ExclusionListsStatus, { exclusionListsStatusQuery } from './ExclusionListsStatus';
+import { ExclusionListsStatusQuery } from './__generated__/ExclusionListsStatusQuery.graphql';
+import ExclusionListCreation from './ExclusionListCreation';
+import CustomizationMenu from '../CustomizationMenu';
 import { DataTableProps } from '../../../../components/dataGrid/dataTableTypes';
 import AlertInfo from '../../../../components/AlertInfo';
 import ItemIcon from '../../../../components/ItemIcon';
@@ -230,7 +227,7 @@ const ExclusionLists = () => {
   return (
     <>
       <CustomizationMenu />
-      <PageContainer withRightMenu>
+      <PageContainer withGap withRightMenu>
         <Breadcrumbs
           noMargin
           elements={[{ label: t_i18n('Settings') }, { label: t_i18n('Customization') }, { label: t_i18n('Exclusion Lists'), current: true }]}