diff --git a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
index 476da574e94..a6814552278 100644
--- a/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
+++ b/react-components/src/components/RevealToolbar/RuleBasedOutputsButton.tsx
@@ -35,7 +35,8 @@ export const RuleBasedOutputsButton = ({
const { t } = useTranslation();
const models = use3dModels();
const cadModels = models.filter((model) => model.type === 'cad') as CadModelOptions[];
- const { isLoading } = useAssetMappedNodesForRevisions(cadModels);
+ const { isLoading: isAssetMappingsLoading } = useAssetMappedNodesForRevisions(cadModels);
+ const [isRuleLoading, setIsRuleLoading] = useState(false);
const ruleInstancesResult = useFetchRuleInstances();
@@ -47,6 +48,9 @@ export const RuleBasedOutputsButton = ({
const onChange = useCallback(
(data: string | undefined): void => {
+
+ setIsRuleLoading(true);
+
ruleInstances?.forEach((item) => {
if (item === undefined) return;
item.isEnabled = false;
@@ -74,15 +78,8 @@ export const RuleBasedOutputsButton = ({
if (onRuleSetStylingChanged !== undefined) onRuleSetStylingChanged(undefined);
}
- console.log(' LOADING SELECTED RULE', selectedRule);
-
- /* if (onRuleSetSelectedChanged !== undefined)
- onRuleSetSelectedChanged(selectedRule, (isLoaded) => {
- console.log(' LOADING IS LOADED FINALY', isLoaded);
- });
- */
-
if (callbackFunction !== undefined) callbackFunction(callbackLoaded);
+
setEmptyRuleSelected(emptySelection);
setCurrentRuleSetEnabled(selectedRule);
},
@@ -90,7 +87,7 @@ export const RuleBasedOutputsButton = ({
);
const callbackLoaded = (isLoaded: boolean): void => {
- console.log(' LOADING IS LOADED FINALY', isLoaded);
+ setIsRuleLoading(!isLoaded);
};
const ruleSetStylingChanged = (
@@ -112,7 +109,7 @@ export const RuleBasedOutputsButton = ({
appendTo={document.body}>