feat(capabilities): functionality to disable UI capabilities for diff…

…erent contexts

src/app/Archives/Archives.tsx

@@ -35,6 +35,7 @@ import { useLocation, useNavigate } from 'react-router-dom-v5-compat';
 import { of } from 'rxjs';
 import { AllArchivedRecordingsTable } from './AllArchivedRecordingsTable';
 import { AllTargetsArchivedRecordingsTable } from './AllTargetsArchivedRecordingsTable';
+import { CapabilitiesContext } from '@app/Shared/Services/Capabilities';
 /*
   This specific target is used as the "source" for the Uploads version of the ArchivedRecordingsTable.
   The connectUrl is the 'uploads' because for actions performed on uploaded archived recordings,
@@ -65,6 +66,7 @@ export const Archives: React.FC<ArchivesProps> = ({ ...props }) => {
   const { search, pathname } = useLocation();
   const navigate = useNavigate();
   const context = React.useContext(ServiceContext);
+  const capabilities = React.useContext(CapabilitiesContext);
   const addSubscription = useSubscriptions();
 
   const activeTab = React.useMemo(() => {
@@ -73,6 +75,33 @@ export const Archives: React.FC<ArchivesProps> = ({ ...props }) => {
 
   const [archiveEnabled, setArchiveEnabled] = React.useState(false);
 
+  const uploadTargetAsObs = React.useMemo(() => of(uploadAsTarget), []);
+
+  const tabs = React.useMemo(() => {
+    const arr: JSX.Element[] = [];
+    if (archiveEnabled) {
+      arr.push(
+        <Tab id="all-targets" eventKey={ArchiveTab.ALL_TARGETS} title={<TabTitleText>All Targets</TabTitleText>}>
+          <AllTargetsArchivedRecordingsTable />
+        </Tab>,
+      );
+      arr.push(
+        <Tab id="all-archives" eventKey={ArchiveTab.ALL_ARCHIVES} title={<TabTitleText>All Archives</TabTitleText>}>
+          <AllArchivedRecordingsTable />
+        </Tab>,
+      );
+
+      if (capabilities.fileUploads) {
+        arr.push(
+          <Tab id="uploads" eventKey={ArchiveTab.UPLOADS} title={<TabTitleText>Uploads</TabTitleText>}>
+            <ArchivedRecordingsTable target={uploadTargetAsObs} isUploadsTable={true} isNestedTable={false} />
+          </Tab>,
+        );
+      }
+    }
+    return arr;
+  }, [capabilities, capabilities.fileUploads, archiveEnabled, uploadTargetAsObs]);
+
   React.useEffect(() => {
     addSubscription(context.api.isArchiveEnabled().subscribe(setArchiveEnabled));
   }, [context.api, addSubscription, setArchiveEnabled]);
@@ -83,20 +112,10 @@ export const Archives: React.FC<ArchivesProps> = ({ ...props }) => {
     [navigate, pathname, search],
   );
 
-  const uploadTargetAsObs = React.useMemo(() => of(uploadAsTarget), []);
-
   const cardBody = React.useMemo(() => {
-    return archiveEnabled ? (
+    return tabs.length > 0 ? (
       <Tabs id="archives" activeKey={activeTab} onSelect={onTabSelect} unmountOnExit>
-        <Tab id="all-targets" eventKey={ArchiveTab.ALL_TARGETS} title={<TabTitleText>All Targets</TabTitleText>}>
-          <AllTargetsArchivedRecordingsTable />
-        </Tab>
-        <Tab id="all-archives" eventKey={ArchiveTab.ALL_ARCHIVES} title={<TabTitleText>All Archives</TabTitleText>}>
-          <AllArchivedRecordingsTable />
-        </Tab>
-        <Tab id="uploads" eventKey={ArchiveTab.UPLOADS} title={<TabTitleText>Uploads</TabTitleText>}>
-          <ArchivedRecordingsTable target={uploadTargetAsObs} isUploadsTable={true} isNestedTable={false} />
-        </Tab>
+        {tabs}
       </Tabs>
     ) : (
       <EmptyState>
@@ -107,7 +126,7 @@ export const Archives: React.FC<ArchivesProps> = ({ ...props }) => {
         />
       </EmptyState>
     );
-  }, [archiveEnabled, activeTab, uploadTargetAsObs, onTabSelect]);
+  }, [tabs, activeTab, onTabSelect]);
 
   return (
     <BreadcrumbPage {...props} pageTitle="Archives">

src/app/Events/EventTemplates.tsx

@@ -23,6 +23,7 @@ import { FUpload, MultiFileUpload, UploadCallbacks } from '@app/Shared/Component
 import { LoadingView } from '@app/Shared/Components/LoadingView';
 import { LoadingProps } from '@app/Shared/Components/types';
 import { EventTemplate, NotificationCategory, Target } from '@app/Shared/Services/api.types';
+import { CapabilitiesContext } from '@app/Shared/Services/Capabilities';
 import { ServiceContext } from '@app/Shared/Services/Services';
 import { useSubscriptions } from '@app/utils/hooks/useSubscriptions';
 import { portalRoot, sortResources, TableColumn, toPath } from '@app/utils/utils';
@@ -91,6 +92,7 @@ export interface EventTemplatesProps {}
 
 export const EventTemplates: React.FC<EventTemplatesProps> = () => {
   const context = React.useContext(ServiceContext);
+  const capabilities = React.useContext(CapabilitiesContext);
   const navigate = useNavigate();
   const { t } = useCryostatTranslation();
 
@@ -364,20 +366,26 @@ export const EventTemplates: React.FC<EventTemplatesProps> = () => {
                 />
               </ToolbarItem>
             </ToolbarGroup>
-            <ToolbarItem variant="separator" />
-            <ToolbarGroup variant="icon-button-group">
-              <ToolbarItem>
-                <Button
-                  key="upload"
-                  aria-label="Upload"
-                  variant="secondary"
-                  onClick={handleUploadModalOpen}
-                  isDisabled={errorMessage != ''}
-                >
-                  <UploadIcon />
-                </Button>
-              </ToolbarItem>
-            </ToolbarGroup>
+            {capabilities.fileUploads ? (
+              <>
+                <ToolbarItem variant="separator" />
+                <ToolbarGroup variant="icon-button-group">
+                  <ToolbarItem>
+                    <Button
+                      key="upload"
+                      aria-label="Upload"
+                      variant="secondary"
+                      onClick={handleUploadModalOpen}
+                      isDisabled={errorMessage != ''}
+                    >
+                      <UploadIcon />
+                    </Button>
+                  </ToolbarItem>
+                </ToolbarGroup>
+              </>
+            ) : (
+              <></>
+            )}
             <DeleteWarningModal
               warningType={DeleteOrDisableWarningType.DeleteEventTemplates}
               visible={warningModalOpen}

src/app/Rules/Rules.tsx

@@ -66,11 +66,13 @@ import { first } from 'rxjs/operators';
 import { RuleDeleteWarningModal } from './RuleDeleteWarningModal';
 import { RuleUploadModal } from './RulesUploadModal';
 import { RuleToDeleteOrDisable } from './types';
+import { CapabilitiesContext } from '@app/Shared/Services/Capabilities';
 
 export interface RulesTableProps {}
 
 export const RulesTable: React.FC<RulesTableProps> = () => {
   const context = React.useContext(ServiceContext);
+  const capabilities = React.useContext(CapabilitiesContext);
   const navigate = useNavigate();
   const addSubscription = useSubscriptions();
   const { t } = useCryostatTranslation();
@@ -396,11 +398,15 @@ export const RulesTable: React.FC<RulesTableProps> = () => {
               {t('CREATE')}
             </Button>
           </ToolbarItem>
-          <ToolbarItem key="upload">
-            <Button variant="secondary" aria-label="Upload" onClick={handleUploadRule}>
-              <UploadIcon />
-            </Button>
-          </ToolbarItem>
+          {capabilities.fileUploads ? (
+            <ToolbarItem key="upload">
+              <Button variant="secondary" aria-label="Upload" onClick={handleUploadRule}>
+                <UploadIcon />
+              </Button>
+            </ToolbarItem>
+          ) : (
+            <></>
+          )}
           {ruleToWarn ? (
             <RuleDeleteWarningModal
               warningType={

src/app/Shared/Services/Capabilities.tsx

@@ -0,0 +1,27 @@
+/*
+ * Copyright The Cryostat Authors.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as React from 'react';
+
+interface Capabilities {
+  fileUploads: boolean;
+}
+const defaultCapabilities: Capabilities = {
+  fileUploads: true,
+};
+
+const CapabilitiesContext: React.Context<Capabilities> = React.createContext(defaultCapabilities);
+
+export { Capabilities, CapabilitiesContext, defaultCapabilities };