fix: disabling alert from overview page doesn't work (#8640)

amlannandy · web-flow · commit 301d9ca4dd44 · 2025-08-05T02:40:19.000Z
diff --git a/frontend/src/pages/AlertDetails/AlertHeader/ActionButtons/ActionButtons.tsx b/frontend/src/pages/AlertDetails/AlertHeader/ActionButtons/ActionButtons.tsx
@@ -111,7 +111,7 @@ function AlertActionButtons({
 	return (
 		<>
 			<div className="alert-action-buttons">
-				<Tooltip title={alertRuleState ? 'Enable alert' : 'Disable alert'}>
+				<Tooltip title={isAlertRuleDisabled ? 'Enable alert' : 'Disable alert'}>
 					{isAlertRuleDisabled !== undefined && (
 						<Switch
 							size="small"
diff --git a/frontend/src/pages/AlertDetails/hooks.tsx b/frontend/src/pages/AlertDetails/hooks.tsx
@@ -394,7 +394,7 @@ export const useAlertRuleStatusToggle = ({
 		{
 			onSuccess: (data) => {
 				setAlertRuleState(data?.payload?.state);
-
+				queryClient.refetchQueries([REACT_QUERY_KEY.ALERT_RULE_DETAILS, ruleId]);
 				notifications.success({
 					message: `Alert has been ${
 						data?.payload?.state === 'disabled' ? 'disabled' : 'enabled'

Original file line number	Diff line number	Diff line change
`@@ -394,7 +394,7 @@ export const useAlertRuleStatusToggle = ({`
`394`	`394`	`{`
`395`	`395`	`onSuccess: (data) => {`
`396`	`396`	`setAlertRuleState(data?.payload?.state);`
`397`		`-`
	`397`	`+ queryClient.refetchQueries([REACT_QUERY_KEY.ALERT_RULE_DETAILS, ruleId]);`
`398`	`398`	`notifications.success({`
`399`	`399`	message: `Alert has been ${
`400`	`400`	`data?.payload?.state === 'disabled' ? 'disabled' : 'enabled'`