fix(ui): check for authorization [EE-6733] (#11208)

app/react/kubernetes/applications/DetailsView/PlacementsDatatable/PlacementsDatatableSubRow.tsx

@@ -13,7 +13,7 @@ interface SubRowProps {
 }
 
 export function SubRow({ node, cellCount }: SubRowProps) {
-  const authorized = useAuthorizations(
+  const { authorized } = useAuthorizations(
     'K8sApplicationErrorDetailsR',
     undefined,
     true

app/react/kubernetes/applications/ListView/ApplicationsStacksDatatable/ApplicationsStacksDatatable.tsx

@@ -53,7 +53,7 @@ export function ApplicationsStacksDatatable({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [showSystem]);
 
-  const authorized = useAuthorizations('K8sApplicationsW');
+  const { authorized } = useAuthorizations('K8sApplicationsW');
   useRepeater(tableState.autoRefreshRate, onRefresh);
 
   return (

app/react/kubernetes/applications/components/EditYamlFormSection.tsx

@@ -22,7 +22,7 @@ export function EditYamlFormSection({
   const environmentId = useEnvironmentId();
   const { data: deploymentOptions } =
     useEnvironmentDeploymentOptions(environmentId);
-  const roleHasAuth = useAuthorizations('K8sYAMLW');
+  const { authorized: roleHasAuth } = useAuthorizations('K8sYAMLW');
   const isAllowedToEdit = roleHasAuth && !deploymentOptions?.hideWebEditor;
   const formId = 'kubernetes-deploy-editor';
 

app/react/kubernetes/configs/ListView/ConfigMapsDatatable/ConfigMapsDatatable.tsx

@@ -34,8 +34,9 @@ const settingsStore = createStore(storageKey);
 
 export function ConfigMapsDatatable() {
   const tableState = useTableState(settingsStore, storageKey);
-  const readOnly = !useAuthorizations(['K8sConfigMapsW']);
-  const canAccessSystemResources = useAuthorizations(
+  const { authorized: canWrite } = useAuthorizations(['K8sConfigMapsW']);
+  const readOnly = !canWrite;
+  const { authorized: canAccessSystemResources } = useAuthorizations(
     'K8sAccessSystemNamespaces'
   );
 

app/react/kubernetes/configs/ListView/SecretsDatatable/SecretsDatatable.tsx

@@ -34,8 +34,9 @@ const settingsStore = createStore(storageKey);
 
 export function SecretsDatatable() {
   const tableState = useTableState(settingsStore, storageKey);
-  const readOnly = !useAuthorizations(['K8sSecretsW']);
-  const canAccessSystemResources = useAuthorizations(
+  const { authorized: canWrite } = useAuthorizations(['K8sSecretsW']);
+  const readOnly = !canWrite;
+  const { authorized: canAccessSystemResources } = useAuthorizations(
     'K8sAccessSystemNamespaces'
   );
 

app/react/kubernetes/ingresses/CreateIngressView/CreateIngressView.tsx

@@ -43,19 +43,21 @@ import {
 export function CreateIngressView() {
   const environmentId = useEnvironmentId();
   const { params } = useCurrentStateAndParams();
-  const isAuthorisedToAddEdit = useAuthorizations(['K8sIngressesW']);
+  const { authorized: isAuthorizedToAddEdit } = useAuthorizations([
+    'K8sIngressesW',
+  ]);
 
   const router = useRouter();
   const isEdit = !!params.namespace;
 
   useEffect(() => {
-    if (!isAuthorisedToAddEdit) {
+    if (!isAuthorizedToAddEdit) {
       const message = `Not authorized to ${isEdit ? 'edit' : 'add'} ingresses`;
       notifyError('Error', new Error(message));
       router.stateService.go('kubernetes.ingresses');
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [isAuthorisedToAddEdit, isEdit]);
+  }, [isAuthorizedToAddEdit, isEdit]);
 
   const [namespace, setNamespace] = useState<string>(params.namespace || '');
   const [ingressRule, setIngressRule] = useState<Rule>({} as Rule);

app/react/kubernetes/ingresses/IngressDatatable/IngressDatatable.tsx

@@ -36,7 +36,7 @@ export function IngressDatatable() {
   const tableState = useTableState(settingsStore, storageKey);
   const environmentId = useEnvironmentId();
 
-  const canAccessSystemResources = useAuthorizations(
+  const { authorized: canAccessSystemResources } = useAuthorizations(
     'K8sAccessSystemNamespaces'
   );
   const { data: namespaces, ...namespacesQuery } =
@@ -147,7 +147,8 @@ export function IngressDatatable() {
   }
 
   function useCheckboxes() {
-    return !useAuthorizations(['K8sIngressesW']);
+    const { authorized } = useAuthorizations(['K8sIngressesW']);
+    return !authorized;
   }
 
   async function handleRemoveClick(ingresses: SelectedIngress[]) {

app/react/kubernetes/services/ServicesView/ServicesDatatable/ServicesDatatable.tsx

@@ -45,8 +45,9 @@ export function ServicesDatatable() {
     }
   );
 
-  const readOnly = !useAuthorizations(['K8sServiceW']);
-  const canAccessSystemResources = useAuthorizations(
+  const { authorized: canWrite } = useAuthorizations(['K8sServiceW']);
+  const readOnly = !canWrite;
+  const { authorized: canAccessSystemResources } = useAuthorizations(
     'K8sAccessSystemNamespaces'
   );