diff --git a/frontend/src/components/QueryBuilderV2/QueryBuilderV2.tsx b/frontend/src/components/QueryBuilderV2/QueryBuilderV2.tsx index 804106303fc9..6718838111df 100644 --- a/frontend/src/components/QueryBuilderV2/QueryBuilderV2.tsx +++ b/frontend/src/components/QueryBuilderV2/QueryBuilderV2.tsx @@ -70,6 +70,7 @@ export const QueryBuilderV2 = memo(function QueryBuilderV2({ isAvailableToDisable={false} queryVariant={config?.queryVariant || 'dropdown'} showOnlyWhereClause={showOnlyWhereClause} + isListViewPanel={isListViewPanel} /> ))} @@ -95,7 +96,7 @@ export const QueryBuilderV2 = memo(function QueryBuilderV2({ )} - {!showOnlyWhereClause && ( + {!showOnlyWhereClause && !isListViewPanel && ( - {!showOnlyWhereClause && ( + {!showOnlyWhereClause && !isListViewPanel && (
{currentQuery.builder.queryData.map((query) => (
diff --git a/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.tsx b/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.tsx index dcd307ca1636..82467e9493fc 100644 --- a/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.tsx +++ b/frontend/src/components/QueryBuilderV2/QueryV2/QueryAddOns/QueryAddOns.tsx @@ -88,6 +88,16 @@ function QueryAddOns({ }); useEffect(() => { + if (isListViewPanel) { + setAddOns([]); + + setSelectedViews([ + ADD_ONS.find((addOn) => addOn.key === ADD_ONS_KEYS.ORDER_BY) as AddOn, + ]); + + return; + } + if (panelType === PANEL_TYPES.VALUE) { // Filter out all add-ons except legend format setAddOns((prevAddOns) => @@ -103,7 +113,7 @@ function QueryAddOns({ } // eslint-disable-next-line react-hooks/exhaustive-deps - }, [panelType]); + }, [panelType, isListViewPanel]); const handleOptionClick = (e: RadioChangeEvent): void => { if (selectedViews.find((view) => view.key === e.target.value.key)) { diff --git a/frontend/src/components/QueryBuilderV2/QueryV2/QueryV2.tsx b/frontend/src/components/QueryBuilderV2/QueryV2/QueryV2.tsx index 8604e3703032..1950afa13088 100644 --- a/frontend/src/components/QueryBuilderV2/QueryV2/QueryV2.tsx +++ b/frontend/src/components/QueryBuilderV2/QueryV2/QueryV2.tsx @@ -104,28 +104,30 @@ export const QueryV2 = memo(function QueryV2({ />
- , - onClick: handleCloneEntity, - }, - { - label: 'Delete', - key: 'delete-query', - icon: , - onClick: handleDeleteQuery, - }, - ], - }} - placement="bottomRight" - > - - + {!isListViewPanel && ( + , + onClick: handleCloneEntity, + }, + { + label: 'Delete', + key: 'delete-query', + icon: , + onClick: handleDeleteQuery, + }, + ], + }} + placement="bottomRight" + > + + + )}
)} @@ -150,7 +152,7 @@ export const QueryV2 = memo(function QueryV2({ - {!showOnlyWhereClause && ( + {!showOnlyWhereClause && !isListViewPanel && ( diff --git a/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx b/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx index 80af2095772d..525bdfc4fcc8 100644 --- a/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx +++ b/frontend/src/container/QueryBuilder/components/QBEntityOptions/QBEntityOptions.tsx @@ -139,6 +139,7 @@ export default function QBEntityOptions({ )} {showFunctions && + !isListViewPanel && (isMetricsDataSource || isLogsDataSource) && query && onQueryFunctionsUpdates && ( @@ -161,7 +162,7 @@ export default function QBEntityOptions({ )} - {showDeleteButton && ( + {showDeleteButton && !isListViewPanel && (