From 0ccb040e8c7b2029daa6fc63f8292e5244946951 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Mon, 1 Sep 2025 18:06:14 +0100
Subject: [PATCH] chore: hide link behind flag

---
 .../FeatureToggleListTable.tsx                | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListTable.tsx
index d9b8024004..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,14 +261,16 @@ export const FeatureToggleListTable: FC = () => {
                     title='Flags overview'
                     actions={
                         <>
-                            <Link
-                                component={RouterLink}
-                                to='/unknown-flags'
-                                underline='always'
-                                sx={{ marginRight: 2, ...focusable(theme) }}
-                            >
-                                Unknown flags
-                            </Link>
+                            {reportUnknownFlagsEnabled && (
+                                <Link
+                                    component={RouterLink}
+                                    to='/unknown-flags'
+                                    underline='always'
+                                    sx={{ marginRight: 2, ...focusable(theme) }}
+                                >
+                                    Unknown flags
+                                </Link>
+                            )}
                             <Link
                                 component={RouterLink}
                                 to='/archive'