lint fix

Author: Assem-Uber

src/views/schedule-actions/__tests__/schedule-actions.test.tsx

@@ -30,12 +30,18 @@ jest.mock('../schedule-actions-modal/schedule-actions-modal', () =>
 
 jest.mock('../schedule-actions-menu/schedule-actions-menu', () =>
   jest.fn((props) => {
+    const areAllActionsDisabled = props.actionsEnabledConfig
+      ? Object.entries(props.actionsEnabledConfig).every(
+          ([_, value]) => value !== 'ENABLED'
+        )
+      : true;
+
     return (
       <div
         onClick={() => props.onActionSelect(mockScheduleActionsConfig[0])}
         data-testid="actions-menu"
       >
-        Actions Menu
+        Actions Menu{areAllActionsDisabled ? ' (disabled)' : ''}
       </div>
     );
   })
@@ -74,6 +80,17 @@ describe(ScheduleActions.name, () => {
     expect(await screen.findByTestId('actions-menu')).toBeInTheDocument();
   });
 
+  it('renders the button with disabled configs if config fetching fails', async () => {
+    const { user } = setup({ isConfigError: true });
+
+    const actionsButton = await screen.findByRole('button');
+    await user.click(actionsButton);
+
+    const actionsMenu = await screen.findByTestId('actions-menu');
+    expect(actionsMenu).toBeInTheDocument();
+    expect(actionsMenu).toHaveTextContent('Actions Menu (disabled)');
+  });
+
   it('shows the modal when a menu option is clicked', async () => {
     const { user } = setup({});
 
@@ -93,7 +110,13 @@ describe(ScheduleActions.name, () => {
   });
 });
 
-function setup({ isError = false }: { isError?: boolean }) {
+function setup({
+  isError = false,
+  isConfigError = false,
+}: {
+  isError?: boolean;
+  isConfigError?: boolean;
+}) {
   const user = userEvent.setup();
 
   render(<ScheduleActions />, {
@@ -113,6 +136,27 @@ function setup({ isError = false }: { isError?: boolean }) {
           return HttpResponse.json(mockDescribeScheduleResponse);
         },
       },
+      {
+        path: '/api/config',
+        httpMethod: 'GET',
+        mockOnce: false,
+        httpResolver: () => {
+          if (isConfigError) {
+            return HttpResponse.json(
+              { message: 'Failed to fetch config' },
+              { status: 500 }
+            );
+          }
+
+          return HttpResponse.json(
+            {
+              pause: 'ENABLED',
+              resume: 'ENABLED',
+            },
+            { status: 200 }
+          );
+        },
+      },
     ],
   });
 

src/views/schedule-actions/schedule-actions.tsx

@@ -10,16 +10,15 @@ import { useParams } from 'next/navigation';
 import { MdArrowDropDown } from 'react-icons/md';
 
 import Button from '@/components/button/button';
+import useConfigValue from '@/hooks/use-config-value/use-config-value';
 import { type SchedulePageLayoutParams } from '@/views/schedule-page/schedule-page.types';
 import useDescribeSchedule from '@/views/shared/hooks/use-describe-schedule/use-describe-schedule';
 
+import { type SelectableScheduleAction } from './config/schedule-actions.config';
 import ScheduleActionsMenu from './schedule-actions-menu/schedule-actions-menu';
 import ScheduleActionsModal from './schedule-actions-modal/schedule-actions-modal';
 import { overrides } from './schedule-actions.styles';
-import { type SelectableScheduleAction } from './config/schedule-actions.config';
-import {
-  type ErasedScheduleAction,
-} from './schedule-actions.types';
+import { type ErasedScheduleAction } from './schedule-actions.types';
 
 export default function ScheduleActions() {
   const params = useParams<SchedulePageLayoutParams>();
@@ -33,6 +32,12 @@ export default function ScheduleActions() {
     ...scheduleDetailsParams,
   });
 
+  const { data: actionsEnabledConfig, isLoading: isActionsEnabledLoading } =
+    useConfigValue('SCHEDULE_ACTIONS_ENABLED', {
+      domain: params.domain,
+      cluster: params.cluster,
+    });
+
   const [selectedAction, setSelectedAction] = useState<
     SelectableScheduleAction | undefined
   >(undefined);
@@ -49,6 +54,7 @@ export default function ScheduleActions() {
         content={({ close }) => (
           <ScheduleActionsMenu
             schedule={schedule}
+            actionsEnabledConfig={actionsEnabledConfig}
             onActionSelect={(action) => {
               setSelectedAction(action);
               close();
@@ -63,7 +69,7 @@ export default function ScheduleActions() {
           kind="secondary"
           endEnhancer={<MdArrowDropDown size={20} />}
           loadingIndicatorType="skeleton"
-          isLoading={isScheduleLoading}
+          isLoading={isScheduleLoading || isActionsEnabledLoading}
         >
           Schedule Actions
         </Button>