diff --git a/lattice/src/App/QueryBuilder/QueryBuilder.module.scss b/lattice/src/App/QueryBuilder/QueryBuilder.module.scss index 00be260ab..b5bc0985a 100644 --- a/lattice/src/App/QueryBuilder/QueryBuilder.module.scss +++ b/lattice/src/App/QueryBuilder/QueryBuilder.module.scss @@ -122,6 +122,11 @@ justify-content: space-between; margin-top: 8px; } + + .filterInfo { + vertical-align: text-top; + margin-left: 4px; + } } .savePopover { diff --git a/lattice/src/App/QueryBuilder/QueryBuilder.tsx b/lattice/src/App/QueryBuilder/QueryBuilder.tsx index 5eda528ed..812302324 100644 --- a/lattice/src/App/QueryBuilder/QueryBuilder.tsx +++ b/lattice/src/App/QueryBuilder/QueryBuilder.tsx @@ -493,7 +493,7 @@ export const QueryBuilder: FC = ({ /> - {selectedTable + {selectedTable && operation !== 'GroupBy' ? rowCalls.map((rowCall, idx) => ( {idx > 0 ? ( @@ -589,6 +589,16 @@ export const QueryBuilder: FC = ({
Filter (optional) + {groupByFilters.length > 0 && ( + + + + )} {filter ? ( = ({
{filter ? ( {filter} - ) : ( + ) : groupByFilters.length > 0 ? ( = ({ } }} /> + ) : ( +
+ No available filters. To use filters, save an Extract query + for {selectedTable.name} with a Row call. +
)} ) : (