diff --git a/apps/console/app/routes/__layout/groups/$groupID/index.tsx b/apps/console/app/routes/__layout/groups/$groupID/index.tsx index f4e5e665b2..91f935604f 100644 --- a/apps/console/app/routes/__layout/groups/$groupID/index.tsx +++ b/apps/console/app/routes/__layout/groups/$groupID/index.tsx @@ -58,6 +58,7 @@ import { loader as billingLoader, } from '../../billing/ops' import { process3DSecureCard } from '~/utils/billing' +import { useFeatureFlags } from '@proofzero/design-system/src/hooks/feature-flags' const accountTypes = [ ...Object.values(EmailAccountType), @@ -515,6 +516,8 @@ export default () => { } }, [toastNotification]) + const featureFlags = useFeatureFlags(hydrated) + return ( <> @@ -780,35 +783,37 @@ export default () => { -
-
- - Unassigned User Seats: - - -
- - {`Free ${3 - Math.min(3, group.members.length)}`} + {featureFlags['seats'] && ( +
+
+ + Unassigned User Seats: - - - -
- - {`Purchased ${groupSeats.total - groupSeats.used}`} - -
-
-
- -
-
+ +
+ + {`Free ${3 - Math.min(3, group.members.length)}`} + +
+ + +
+ + {`Purchased ${groupSeats.total - groupSeats.used}`} + +
+
+
+ +
+
+ )}