refactor(ESSNTL-3724): Connect /groups to FF (#1762)

This makes Inventory hide /groups page component if the feature flag is set to false.
RedHatInsights · Feb 8, 2023 · 3f9d4ce · 3f9d4ce
1 parent ce854fe
commit 3f9d4ce
Showing 1 changed file with 21 additions and 1 deletion.
diff --git a/src/Routes.js b/src/Routes.js
@@ -1,7 +1,10 @@
 import { Route, Redirect, Switch } from 'react-router-dom';
 import React, { lazy, Suspense, useMemo } from 'react';
+import { EmptyState, EmptyStateBody } from '@patternfly/react-core';
+import { InvalidObject } from '@redhat-cloud-services/frontend-components';
 import { getSearchParams } from './constants';
 import RenderWrapper from './Utilities/Wrapper';
+import useFeatureFlag from './Utilities/useFeatureFlag';
 
 const InventoryTable = lazy(() => import('./routes/InventoryTable'));
 const InventoryDetail = lazy(() => import('./routes/InventoryDetail'));
@@ -16,6 +19,8 @@ export const routes = {
 
 export const Routes = () => {
     const searchParams = useMemo(() => getSearchParams(), []);
+    const groupsEnabled = useFeatureFlag('hbi.ui.inventory-groups');
+
     return (
         <Suspense fallback="">
             <Switch>
@@ -30,7 +35,22 @@ export const Routes = () => {
                         />}
                     rootClass='inventory'
                 />
-                <Route exact path={routes.groups} component={InventoryGroups} rootClass='inventory' />
+                <Route
+                    exact
+                    path={routes.groups}
+                    component={
+                        groupsEnabled
+                            ? InventoryGroups
+                            : () => (
+                                <EmptyState>
+                                    <EmptyStateBody>
+                                        <InvalidObject />
+                                    </EmptyStateBody>
+                                </EmptyState>
+                            )
+                    }
+                    rootClass="inventory"
+                />
                 <Route exact path={routes.detailWithModal} component={InventoryDetail} rootClass='inventory' />
                 <Route exact path={routes.detail} component={InventoryDetail} rootClass='inventory' />
                 <Redirect path="*" to="/" />