From 9530f49117638ba05d443642042beb1690bd9a27 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Tue, 23 Jul 2024 09:36:20 +0200
Subject: [PATCH] Chore: wrap component in flag

---
 .../src/component/feature/FeatureView/FeatureView.tsx  | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/feature/FeatureView/FeatureView.tsx b/frontend/src/component/feature/FeatureView/FeatureView.tsx
index 14af8ddf07..2c30bf9cd3 100644
--- a/frontend/src/component/feature/FeatureView/FeatureView.tsx
+++ b/frontend/src/component/feature/FeatureView/FeatureView.tsx
@@ -160,6 +160,7 @@ export const FeatureView = () => {
     const [openStaleDialog, setOpenStaleDialog] = useState(false);
     const [isFeatureNameCopied, setIsFeatureNameCopied] = useState(false);
     const smallScreen = useMediaQuery(`(max-width:${500}px)`);
+    const showCollaborators = useUiFlag('featureCollaborators');
 
     const { feature, loading, error, status } = useFeature(
         projectId,
@@ -376,7 +377,14 @@ export const FeatureView = () => {
                             />
                         ))}
                     </Tabs>
-                    <Collaborators collaborators={feature.collaborators} />
+                    <ConditionallyRender
+                        condition={showCollaborators}
+                        show={
+                            <Collaborators
+                                collaborators={feature.collaborators}
+                            />
+                        }
+                    />
                 </StyledTabRow>
             </StyledHeader>
             <Routes>