From da3dff85278d8f2e091a6c80193699ca548d66f9 Mon Sep 17 00:00:00 2001
From: Andrew Dewar <andrewgdewar@gmail.com>
Date: Mon, 11 Dec 2023 16:32:02 -0700
Subject: [PATCH] Hides RH repo when snapshots not enabled

---
 .../ContentListTable/ContentListTable.tsx     |  1 +
 .../components/ContentListFilters.tsx         | 60 ++++++++++---------
 2 files changed, 32 insertions(+), 29 deletions(-)

diff --git a/src/Pages/ContentListTable/ContentListTable.tsx b/src/Pages/ContentListTable/ContentListTable.tsx
index 4ee7e60f..2ff36d40 100644
--- a/src/Pages/ContentListTable/ContentListTable.tsx
+++ b/src/Pages/ContentListTable/ContentListTable.tsx
@@ -109,6 +109,7 @@ const ContentListTable = () => {
   });
 
   const setOriginAndSearchParams = (origin: ContentOrigin) => {
+    if (!features?.snapshots?.accessible) return;
     setContentOrigin(origin);
     setUrlSearchParams(origin === ContentOrigin.EXTERNAL ? {} : { origin });
   };
diff --git a/src/Pages/ContentListTable/components/ContentListFilters.tsx b/src/Pages/ContentListTable/components/ContentListFilters.tsx
index ccf6b9e7..b0815f92 100644
--- a/src/Pages/ContentListTable/components/ContentListFilters.tsx
+++ b/src/Pages/ContentListTable/components/ContentListFilters.tsx
@@ -72,7 +72,7 @@ const ContentListFilters = ({
   contentOrigin,
 }: Props) => {
   const classes = useStyles();
-  const { rbac } = useAppContext();
+  const { rbac, features } = useAppContext();
   const queryClient = useQueryClient();
   const navigate = useNavigate();
   const filters = ['Name/URL', 'Version', 'Architecture', 'Status'];
@@ -272,34 +272,36 @@ const ContentListFilters = ({
           </InputGroupItem>
         </InputGroup>
       </FlexItem>
-      <FlexItem>
-        <ToggleGroup aria-label='Default with single selectable'>
-          <ToggleGroupItem
-            text='Custom'
-            buttonId='custom-repositories-toggle-button'
-            data-ouia-component-id='custom-repositories-toggle'
-            isSelected={contentOrigin === ContentOrigin.EXTERNAL}
-            onChange={() => {
-              if (contentOrigin !== ContentOrigin.EXTERNAL) {
-                setContentOrigin(ContentOrigin.EXTERNAL);
-                // clearFilters(); //This resets the filters when changing Origins if desired.
-              }
-            }}
-          />
-          <ToggleGroupItem
-            text='Red Hat'
-            buttonId='redhat-repositories-toggle-button'
-            data-ouia-component-id='redhat-repositories-toggle'
-            isSelected={contentOrigin === ContentOrigin.REDHAT}
-            onChange={() => {
-              if (contentOrigin !== ContentOrigin.REDHAT) {
-                setContentOrigin(ContentOrigin.REDHAT);
-                // clearFilters();//This resets the filters when changing Origins if desired.
-              }
-            }}
-          />
-        </ToggleGroup>
-      </FlexItem>
+      <Hide hide={!features?.snapshots?.accessible}>
+        <FlexItem>
+          <ToggleGroup aria-label='Default with single selectable'>
+            <ToggleGroupItem
+              text='Custom'
+              buttonId='custom-repositories-toggle-button'
+              data-ouia-component-id='custom-repositories-toggle'
+              isSelected={contentOrigin === ContentOrigin.EXTERNAL}
+              onChange={() => {
+                if (contentOrigin !== ContentOrigin.EXTERNAL) {
+                  setContentOrigin(ContentOrigin.EXTERNAL);
+                  // clearFilters(); //This resets the filters when changing Origins if desired.
+                }
+              }}
+            />
+            <ToggleGroupItem
+              text='Red Hat'
+              buttonId='redhat-repositories-toggle-button'
+              data-ouia-component-id='redhat-repositories-toggle'
+              isSelected={contentOrigin === ContentOrigin.REDHAT}
+              onChange={() => {
+                if (contentOrigin !== ContentOrigin.REDHAT) {
+                  setContentOrigin(ContentOrigin.REDHAT);
+                  // clearFilters();//This resets the filters when changing Origins if desired.
+                }
+              }}
+            />
+          </ToggleGroup>
+        </FlexItem>
+      </Hide>
       <FlexItem className={classes.repositoryActions}>
         <ConditionalTooltip
           content='You do not have the required permissions to perform this action.'