From 2ff56be7afb1f2d370f3b4d9a8509946b466d6b8 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Wed, 10 Sep 2025 15:50:02 +0200
Subject: [PATCH] Don't render anything if the flag isn't on

---
 .../ChangeRequests/ChangeRequests.tsx             | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
index e3bcc82c48..f1c330f39e 100644
--- a/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
+++ b/frontend/src/component/changeRequest/ChangeRequests/ChangeRequests.tsx
@@ -17,6 +17,7 @@ import { AvatarCell } from 'component/changeRequest/ProjectChangeRequests/Change
 import { HighlightCell } from 'component/common/Table/cells/HighlightCell/HighlightCell';
 import { GlobalChangeRequestTitleCell } from './GlobalChangeRequestTitleCell.js';
 import { FeaturesCell } from '../ProjectChangeRequests/ChangeRequestsTabs/FeaturesCell.js';
+import { useUiFlag } from 'hooks/useUiFlag.js';
 
 // Mock data with varied projects and change requests
 const mockChangeRequests = [
@@ -143,7 +144,7 @@ const mockChangeRequests = [
     },
 ];
 
-export const ChangeRequests = () => {
+const ChangeRequestsInner = () => {
     const loading = false;
     const columns = useMemo(
         () => [
@@ -277,3 +278,15 @@ export const ChangeRequests = () => {
         </PageContent>
     );
 };
+
+export const ChangeRequests = () => {
+    if (!useUiFlag('globalChangeRequestList')) {
+        return (
+            <PageContent header={<PageHeader title='Change requests' />}>
+                <p>Nothing to see here. Move along.</p>
+            </PageContent>
+        );
+    }
+
+    return <ChangeRequestsInner />;
+};