diff --git a/frontend/src/container/QueryBuilder/components/Formula/Formula.tsx b/frontend/src/container/QueryBuilder/components/Formula/Formula.tsx index 4a5a50f241..5f25edb29b 100644 --- a/frontend/src/container/QueryBuilder/components/Formula/Formula.tsx +++ b/frontend/src/container/QueryBuilder/components/Formula/Formula.tsx @@ -151,6 +151,7 @@ export function Formula({ onToggleVisibility={handleToggleDisableFormula} onDelete={handleDelete} onCollapseEntity={handleToggleCollapseFormula} + showDeleteButton /> {!isCollapse && ( diff --git a/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx b/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx index 28b59ed5b2..1319cf0a19 100644 --- a/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx +++ b/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx @@ -2,7 +2,6 @@ import './QBEntityOptions.styles.scss'; import { Button, Col } from 'antd'; import cx from 'classnames'; -import { useQueryBuilder } from 'hooks/queryBuilder/useQueryBuilder'; import { ChevronDown, ChevronRight, Eye, EyeOff, Trash2 } from 'lucide-react'; interface QBEntityOptionsProps { @@ -12,6 +11,7 @@ interface QBEntityOptionsProps { onDelete: () => void; onToggleVisibility: () => void; onCollapseEntity: () => void; + showDeleteButton: boolean; } export default function QBEntityOptions({ @@ -21,11 +21,8 @@ export default function QBEntityOptions({ onDelete, onToggleVisibility, onCollapseEntity, + showDeleteButton, }: QBEntityOptionsProps): JSX.Element { - const { currentQuery } = useQueryBuilder(); - - const showDeleteButton = currentQuery.builder.queryData.length > 1; - return (