From bf738e2ea549adb8c27dfd169f79fff03b41d69e Mon Sep 17 00:00:00 2001
From: Fabien O'Carroll <fabien@allou.is>
Date: Thu, 10 Oct 2024 15:04:39 +0100
Subject: [PATCH] Added new BehindFeatureFlag component

This can be used to hide UI based on feature flags
---
 .../src/components/BehindFeatureFlag.tsx       | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)
 create mode 100644 apps/admin-x-settings/src/components/BehindFeatureFlag.tsx

diff --git a/apps/admin-x-settings/src/components/BehindFeatureFlag.tsx b/apps/admin-x-settings/src/components/BehindFeatureFlag.tsx
new file mode 100644
index 0000000000..35c9fed593
--- /dev/null
+++ b/apps/admin-x-settings/src/components/BehindFeatureFlag.tsx
@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import useFeatureFlag from '../hooks/useFeatureFlag';
+
+type BehindFeatureFlagProps = {
+    flag: string
+    children: ReactNode
+};
+const BehindFeatureFlag: React.FC<BehindFeatureFlagProps> = ({flag, children}) => {
+    const enabled = useFeatureFlag(flag);
+
+    if (!enabled) {
+        return null;
+    }
+
+    return <>{children}</>;
+};
+
+export default BehindFeatureFlag;