diff --git a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx index 16676599cd3..2eb70b2da76 100644 --- a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx +++ b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx @@ -132,6 +132,7 @@ export const RuleBasedOutputsButton = ({ checked={currentRuleSetEnabled === undefined || emptyRuleSelected?.isEnabled} onChange={onChange} isLoading={isRuleLoading} + isEmptyRuleItem={true} /> {ruleInstances?.map((item) => ( ))} diff --git a/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx b/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx index 54ee3f46c6c..efb810e4650 100644 --- a/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx +++ b/react-components/src/components/RuleBasedOutputs/components/RuleBasedSelectionItem.tsx @@ -12,6 +12,7 @@ type RuleBasedSelectionItemProps = { checked: boolean | undefined; key: string; isLoading: boolean; + isEmptyRuleItem: boolean; }; export const RuleBasedSelectionItem = ({ onChange, @@ -20,6 +21,7 @@ export const RuleBasedSelectionItem = ({ id, checked, isLoading, + isEmptyRuleItem }: RuleBasedSelectionItemProps): ReactElement => { return ( {label} - {isLoading && checked === true ? ( + {!isEmptyRuleItem && isLoading && checked === true ? ( ) : (