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)}