fix(QueryBuilder): link buttons not disabled in read only mode

lumada-design · Dec 21, 2023 · ecac2cc · ecac2cc
1 parent 5181889
commit ecac2cc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/core/src/QueryBuilder/QueryBuilder.styles.tsx b/packages/core/src/QueryBuilder/QueryBuilder.styles.tsx
@@ -106,10 +106,14 @@ export const { useClasses, staticClasses } = createClasses("HvQueryBuilder", {
     cursor: "pointer",
     backgroundColor: "transparent",
     padding: 0,
+
+    "&:disabled": { cursor: "not-allowed", pointerEvents: "none" },
   },
   createGroupButton: {
     cursor: "pointer",
     backgroundColor: "transparent",
     padding: 0,
+
+    "&:disabled": { cursor: "not-allowed", pointerEvents: "none" },
   },
 });
diff --git a/packages/core/src/QueryBuilder/RuleGroup/RuleGroup.tsx b/packages/core/src/QueryBuilder/RuleGroup/RuleGroup.tsx
@@ -7,7 +7,6 @@ import { HvMultiButton } from "../../MultiButton";
 import { HvTypography } from "../../Typography";
 import { IconButton } from "../../utils/IconButton";
 import { ExtractNames } from "../../utils/classes";
-
 import { Rule } from "../Rule";
 import { useQueryBuilderContext } from "../Context";
 import { useClasses } from "../QueryBuilder.styles";
@@ -199,6 +198,7 @@ export const RuleGroup = ({
                   dispatchAction({ type: "add-rule", id });
                 }}
                 className={classes.createConditionButton}
+                disabled={readOnly}
               >
                 {`${labels.empty?.createCondition}`}
               </HvTypography>
@@ -212,6 +212,7 @@ export const RuleGroup = ({
                       dispatchAction({ type: "add-group", id });
                     }}
                     className={classes.createGroupButton}
+                    disabled={readOnly}
                   >
                     {`${labels.empty?.createGroup}`}
                   </HvTypography>