diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx index c1be863c8e..5a012752db 100644 --- a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx +++ b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx @@ -34,6 +34,7 @@ import { ExportFlags } from './ExportFlags.tsx'; import { createFeatureOverviewCell } from 'component/common/Table/cells/FeatureOverviewCell/FeatureOverviewCell'; import { AvatarCell } from 'component/project/Project/PaginatedProjectFeatureToggles/AvatarCell'; import { StatusCell } from './StatusCell/StatusCell.tsx'; +import { useUiFlag } from 'hooks/useUiFlag.ts'; export const featuresPlaceholder = Array(15).fill({ name: 'Name of the feature', @@ -69,6 +70,7 @@ export const FeatureToggleListTable: FC = () => { const isSmallScreen = useMediaQuery(theme.breakpoints.down('md')); const isMediumScreen = useMediaQuery(theme.breakpoints.down('lg')); const [showExportDialog, setShowExportDialog] = useState(false); + const reportUnknownFlagsEnabled = useUiFlag('reportUnknownFlags'); const { setToastApiError } = useToast(); @@ -259,6 +261,16 @@ export const FeatureToggleListTable: FC = () => { title='Flags overview' actions={ <> + {reportUnknownFlagsEnabled && ( + + Unknown flags + + )} { }); }} > - View archive + Archived flags setShowExportDialog(true)}