fix: remove old dropdown item

Author: spartanns

frontend/src/components/Brokers/Broker/Configs/TableComponents/InputCell/index.tsx

@@ -1,4 +1,4 @@
-import React, { type FC, useState } from 'react';
+import React, { type FC, useState, useContext } from 'react';
 import { useConfirm } from 'lib/hooks/useConfirm';
 import { type CellContext } from '@tanstack/react-table';
 import { type BrokerConfig } from 'generated-sources';
@@ -7,6 +7,7 @@ import {
   UpdateBrokerConfigCallback,
 } from 'components/Brokers/Broker/Configs/lib/types';
 import { getConfigUnit } from 'components/Brokers/Broker/Configs/lib/utils';
+import ClusterContext from 'components/contexts/ClusterContext';
 
 import InputCellViewMode from './InputCellViewMode';
 import InputCellEditMode from './InputCellEditMode';
@@ -19,13 +20,7 @@ export interface InputCellProps
 const InputCell: FC<InputCellProps> = ({ row, onUpdate }) => {
   const [isEdit, setIsEdit] = useState(false);
   const confirm = useConfirm();
-  const {
-    name,
-    source,
-    value: initialValue,
-    isSensitive,
-    isReadOnly,
-  } = row.original;
+  const { name, source, value: initialValue, isSensitive } = row.original;
 
   const handleSave = (newValue: string) => {
     if (newValue !== initialValue) {
@@ -38,6 +33,7 @@ const InputCell: FC<InputCellProps> = ({ row, onUpdate }) => {
 
   const isDynamic = source === 'DYNAMIC_BROKER_CONFIG';
   const configUnit = getConfigUnit(name);
+  const { isReadOnly } = useContext(ClusterContext);
 
   return isEdit ? (
     <InputCellEditMode

frontend/src/components/Connect/List/ActionsCell.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import {
   Action,
   ConnectorAction,
@@ -18,12 +18,14 @@ import {
 import { useConfirm } from 'lib/hooks/useConfirm';
 import { useIsMutating } from '@tanstack/react-query';
 import { ActionDropdownItem } from 'components/common/ActionComponent';
+import ClusterContext from 'components/contexts/ClusterContext';
 
 const ActionsCell: React.FC<CellContext<FullConnectorInfo, unknown>> = ({
   row,
 }) => {
   const { connect, name, status } = row.original;
   const { clusterName } = useAppParams<ClusterNameRoute>();
+  const { isReadOnly } = useContext(ClusterContext);
   const mutationsNumber = useIsMutating();
   const isMutating = mutationsNumber > 0;
   const confirm = useConfirm();
@@ -123,7 +125,7 @@ const ActionsCell: React.FC<CellContext<FullConnectorInfo, unknown>> = ({
       )}
       <ActionDropdownItem
         onClick={restartConnectorHandler}
-        disabled={isMutating}
+        disabled={isMutating || isReadOnly}
         permission={{
           resource: ResourceType.CONNECT,
           action: Action.RESTART,