From 9672ed05d5818779685a6688449b99bea6482b41 Mon Sep 17 00:00:00 2001
From: Adonis Puente <adonis.puente@gmail.com>
Date: Tue, 17 Oct 2023 16:07:38 -0400
Subject: [PATCH] fix(Staleness): Update RBAC for staleness page + tab
 conditional #2062

---
 src/api/api.js                                |   5 +
 .../HostStalenessCard.js                      | 165 ++++++++++--------
 .../InventoryHostStaleness/constants.js       |  55 +++---
 src/routes/InventoryHostStaleness.js          |   6 +-
 4 files changed, 134 insertions(+), 97 deletions(-)

diff --git a/src/api/api.js b/src/api/api.js
index 9f2668e46..74191b81e 100644
--- a/src/api/api.js
+++ b/src/api/api.js
@@ -1,5 +1,6 @@
 import 'abortcontroller-polyfill/dist/polyfill-patch-fetch';
 export const INVENTORY_API_BASE = '/api/inventory/v1';
+export const EDGE_API_BASE = '/api/edge/v1';
 import flatMap from 'lodash/flatMap';
 
 import instance from '@redhat-cloud-services/frontend-components-utilities/interceptors';
@@ -390,3 +391,7 @@ export const postStalenessData = (data) => {
 export const patchStalenessData = (data) => {
   return instance.patch(`${INVENTORY_API_BASE}/account/staleness`, data);
 };
+
+export const fetchEdgeSystem = () => {
+  return instance.get(`${EDGE_API_BASE}/devices/devicesview?limit=1`);
+};
diff --git a/src/components/InventoryHostStaleness/HostStalenessCard.js b/src/components/InventoryHostStaleness/HostStalenessCard.js
index 0af33e956..366ed23e5 100644
--- a/src/components/InventoryHostStaleness/HostStalenessCard.js
+++ b/src/components/InventoryHostStaleness/HostStalenessCard.js
@@ -20,6 +20,7 @@ import TabCard from './TabCard';
 import {
   CONVENTIONAL_TAB_TOOLTIP,
   IMMUTABLE_TAB_TOOLTIP,
+  conventionalApiKeys,
   daysToSecondsConversion,
   hostStalenessApiKeys,
   secondsToDaysConversion,
@@ -27,6 +28,7 @@ import {
 import { InventoryHostStalenessPopover } from './constants';
 import {
   fetchDefaultStalenessValues,
+  fetchEdgeSystem,
   fetchStalenessData,
   patchStalenessData,
   postStalenessData,
@@ -42,6 +44,7 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
   const [activeTabKey, setActiveTabKey] = useState(0);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isFormValid, setIsFormValid] = useState(true);
+  const [hasEdgeSystems, setHasEdgeSystems] = useState(true);
   const [hostStalenessImmutableDefaults, setHostStalenessImmutableDefaults] =
     useState({});
   const [
@@ -68,7 +71,8 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
   //On save Button
   const saveHostData = async () => {
     let apiData = {};
-    hostStalenessApiKeys.forEach(
+    let apiKeys = hasEdgeSystems ? hostStalenessApiKeys : conventionalApiKeys;
+    apiKeys.forEach(
       (filterKey) =>
         filterKey !== 'id' &&
         (apiData[filterKey] = daysToSecondsConversion(newFormValues[filterKey]))
@@ -167,6 +171,7 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
   };
 
   const batchedApi = async () => {
+    fetchEdgeSystem().then((res) => setHasEdgeSystems(res.data.total > 0));
     fetchApiStalenessData();
     fetchDefaultValues();
     setIsLoading(false);
@@ -184,7 +189,7 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
             <Title headingLevel="h4" size="xl" id="HostTitle">
               Organization level system staleness and deletion
             </Title>
-            <InventoryHostStalenessPopover />
+            <InventoryHostStalenessPopover hasEdgeSystems={hasEdgeSystems} />
           </CardHeader>
           <CardBody>
             <p>
@@ -200,12 +205,11 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
                   onClick={() => {
                     setIsEditing(!isEditing);
                   }}
-                  ouiaId="edit-staleness-setting"
                 >
                   Edit
                 </Button>
               ) : (
-                <Tooltip content="You do not have the Inventory staleness and deletion viewer role required to perform this action. Contact your org admin for access.">
+                <Tooltip content="You do not have the Staleness and deletion admin role and/or Inventory Hosts Administrator role required to perform this action. Contact your org admin for access.">
                   <div>
                     <Button
                       variant="link"
@@ -218,77 +222,96 @@ const HostStalenessCard = ({ canModifyHostStaleness }) => {
                 </Tooltip>
               )}
             </Flex>
-            <Tabs
-              id={'HostTabs'}
-              className="pf-m-light pf-c-table pf-u-mb-lg pf-u-mt-lg"
-              activeKey={activeTabKey}
-              onSelect={handleTabClick}
-            >
-              <Tab
-                eventKey={0}
-                title={
-                  <TabTitleText>
-                    Conventional (RPM-DNF){' '}
-                    <Popover
-                      aria-label="Basic popover"
-                      headerContent={<div>Conventional systems (RPM-DNF)</div>}
-                      bodyContent={<div>{CONVENTIONAL_TAB_TOOLTIP}</div>}
-                    >
-                      <OutlinedQuestionCircleIcon className="pf-u-ml-md" />
-                    </Popover>
-                  </TabTitleText>
-                }
+            {hasEdgeSystems ? (
+              <Tabs
+                id={'HostTabs'}
+                className="pf-m-light pf-c-table pf-u-mb-lg pf-u-mt-lg"
+                activeKey={activeTabKey}
+                onSelect={handleTabClick}
               >
-                <TabCard
-                  isEditing={isEditing}
-                  filter={filter}
-                  setFilter={setFilter}
-                  activeTabKey={0}
-                  newFormValues={newFormValues}
-                  setNewFormValues={setNewFormValues}
-                  isFormValid={isFormValid}
-                  setIsFormValid={setIsFormValid}
-                  hostStalenessImmutableDefaults={
-                    hostStalenessImmutableDefaults
+                <Tab
+                  eventKey={0}
+                  title={
+                    <TabTitleText>
+                      Conventional (RPM-DNF){' '}
+                      <Popover
+                        aria-label="Basic popover"
+                        headerContent={
+                          <div>Conventional systems (RPM-DNF)</div>
+                        }
+                        bodyContent={<div>{CONVENTIONAL_TAB_TOOLTIP}</div>}
+                      >
+                        <OutlinedQuestionCircleIcon className="pf-u-ml-md" />
+                      </Popover>
+                    </TabTitleText>
                   }
-                  hostStalenessConventionalDefaults={
-                    hostStalenessConventionalDefaults
+                >
+                  <TabCard
+                    isEditing={isEditing}
+                    filter={filter}
+                    setFilter={setFilter}
+                    activeTabKey={0}
+                    newFormValues={newFormValues}
+                    setNewFormValues={setNewFormValues}
+                    isFormValid={isFormValid}
+                    setIsFormValid={setIsFormValid}
+                    hostStalenessImmutableDefaults={
+                      hostStalenessImmutableDefaults
+                    }
+                    hostStalenessConventionalDefaults={
+                      hostStalenessConventionalDefaults
+                    }
+                  />
+                </Tab>
+                <Tab
+                  eventKey={1}
+                  title={
+                    <TabTitleText>
+                      Immutable (OSTree){' '}
+                      <Popover
+                        aria-label="Basic popover"
+                        headerContent={<div>Immutable (OSTree)</div>}
+                        bodyContent={<div>{IMMUTABLE_TAB_TOOLTIP}</div>}
+                      >
+                        <OutlinedQuestionCircleIcon className="pf-u-ml-md" />
+                      </Popover>
+                    </TabTitleText>
                   }
-                />
-              </Tab>
-              <Tab
-                eventKey={1}
-                title={
-                  <TabTitleText>
-                    Immutable (OSTree){' '}
-                    <Popover
-                      aria-label="Basic popover"
-                      headerContent={<div>Immutable (OSTree)</div>}
-                      bodyContent={<div>{IMMUTABLE_TAB_TOOLTIP}</div>}
-                    >
-                      <OutlinedQuestionCircleIcon className="pf-u-ml-md" />
-                    </Popover>
-                  </TabTitleText>
+                >
+                  <TabCard
+                    isEditing={isEditing}
+                    filter={filter}
+                    setFilter={setFilter}
+                    activeTabKey={1}
+                    newFormValues={newFormValues}
+                    setNewFormValues={setNewFormValues}
+                    isFormValid={isFormValid}
+                    setIsFormValid={setIsFormValid}
+                    hostStalenessImmutableDefaults={
+                      hostStalenessImmutableDefaults
+                    }
+                    hostStalenessConventionalDefaults={
+                      hostStalenessConventionalDefaults
+                    }
+                  />
+                </Tab>
+              </Tabs>
+            ) : (
+              <TabCard
+                isEditing={isEditing}
+                filter={filter}
+                setFilter={setFilter}
+                activeTabKey={0}
+                newFormValues={newFormValues}
+                setNewFormValues={setNewFormValues}
+                isFormValid={isFormValid}
+                setIsFormValid={setIsFormValid}
+                hostStalenessImmutableDefaults={hostStalenessImmutableDefaults}
+                hostStalenessConventionalDefaults={
+                  hostStalenessConventionalDefaults
                 }
-              >
-                <TabCard
-                  isEditing={isEditing}
-                  filter={filter}
-                  setFilter={setFilter}
-                  activeTabKey={1}
-                  newFormValues={newFormValues}
-                  setNewFormValues={setNewFormValues}
-                  isFormValid={isFormValid}
-                  setIsFormValid={setIsFormValid}
-                  hostStalenessImmutableDefaults={
-                    hostStalenessImmutableDefaults
-                  }
-                  hostStalenessConventionalDefaults={
-                    hostStalenessConventionalDefaults
-                  }
-                />
-              </Tab>
-            </Tabs>
+              />
+            )}
             {isEditing && (
               <Flex justifyContent={{ default: 'justifyContentFlexStart' }}>
                 <Button
diff --git a/src/components/InventoryHostStaleness/constants.js b/src/components/InventoryHostStaleness/constants.js
index 65455300e..e9e95f93c 100644
--- a/src/components/InventoryHostStaleness/constants.js
+++ b/src/components/InventoryHostStaleness/constants.js
@@ -33,6 +33,12 @@ export const hostStalenessApiKeys = [
   'immutable_culling_delta',
 ];
 
+export const conventionalApiKeys = [
+  'conventional_staleness_delta',
+  'conventional_stale_warning_delta',
+  'conventional_culling_delta',
+];
+
 export const daysToSecondsConversion = (days) => {
   return days * 86400;
 };
@@ -258,7 +264,7 @@ export const HostStalenessResetDefaultPopover = ({ activeTabKey }) => {
   );
 };
 
-export const InventoryHostStalenessPopover = () => {
+export const InventoryHostStalenessPopover = ({ hasEdgeSystems }) => {
   return (
     <Popover
       aria-label="Orginization level popover"
@@ -293,26 +299,29 @@ export const InventoryHostStalenessPopover = () => {
               - Systems are deleted after 14 days since last check-in.
             </span>
           </Flex>
-          <Flex
-            direction={{ default: 'column' }}
-            spaceItems={{ default: 'spaceItemsNone' }}
-          >
-            <span className="pf-u-font-size-sm">
-              Default for Immutable systems (OSTree):
-            </span>
-            <span className="pf-u-font-size-sm">
-              <p>
-                - Systems are marked as stale after 2 days since last check-in.
-              </p>
-            </span>
-            <span className="pf-u-font-size-sm">
-              - Systems are marked as stale warning after 120 days since last
-              check-in.
-            </span>
-            <span className="pf-u-font-size-sm">
-              - Systems are deleted after 180 days since last check-in.
-            </span>
-          </Flex>
+          {hasEdgeSystems && (
+            <Flex
+              direction={{ default: 'column' }}
+              spaceItems={{ default: 'spaceItemsNone' }}
+            >
+              <span className="pf-u-font-size-sm">
+                Default for Immutable systems (OSTree):
+              </span>
+              <span className="pf-u-font-size-sm">
+                <p>
+                  - Systems are marked as stale after 2 days since last
+                  check-in.
+                </p>
+              </span>
+              <span className="pf-u-font-size-sm">
+                - Systems are marked as stale warning after 120 days since last
+                check-in.
+              </span>
+              <span className="pf-u-font-size-sm">
+                - Systems are deleted after 180 days since last check-in.
+              </span>
+            </Flex>
+          )}
         </Flex>
       }
     >
@@ -574,3 +583,7 @@ export const formValidation = async (newFormValues, setIsFormValid) => {
 HostStalenessResetDefaultPopover.propTypes = {
   activeTabKey: PropTypes.number,
 };
+
+InventoryHostStalenessPopover.propTypes = {
+  hasEdgeSystems: PropTypes.bool,
+};
diff --git a/src/routes/InventoryHostStaleness.js b/src/routes/InventoryHostStaleness.js
index efbec2aef..4af245f9c 100644
--- a/src/routes/InventoryHostStaleness.js
+++ b/src/routes/InventoryHostStaleness.js
@@ -9,12 +9,8 @@ import { usePermissionsWithContext } from '@redhat-cloud-services/frontend-compo
 import { GENERAL_HOST_STALENESS_READ_PERMISSION } from '../components/InventoryHostStaleness/constants';
 import { Page, PageSection } from '@patternfly/react-core';
 import HostStalenessNoAccess from '../components/InventoryHostStaleness/HostStalenessNoAccess';
-import { GENERAL_HOSTS_READ_PERMISSIONS } from '../constants';
 
-const REQUIRED_PERMISSIONS = [
-  GENERAL_HOST_STALENESS_READ_PERMISSION,
-  GENERAL_HOSTS_READ_PERMISSIONS,
-];
+const REQUIRED_PERMISSIONS = [GENERAL_HOST_STALENESS_READ_PERMISSION];
 
 const HostStaleness = () => {
   const chrome = useChrome();