diff --git a/frontend/src/queries/nodes/DataTable/DataTable.tsx b/frontend/src/queries/nodes/DataTable/DataTable.tsx index 002c9b47df87c..7b15dfa668741 100644 --- a/frontend/src/queries/nodes/DataTable/DataTable.tsx +++ b/frontend/src/queries/nodes/DataTable/DataTable.tsx @@ -373,40 +373,44 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } const firstRowLeft = [ showDateRange && sourceFeatures.has(QueryFeature.dateRangePicker) ? ( - + ) : null, showEventFilter && sourceFeatures.has(QueryFeature.eventNameFilter) ? ( - + ) : null, showSearch && sourceFeatures.has(QueryFeature.personsSearch) ? ( - + ) : null, showPropertyFilter && sourceFeatures.has(QueryFeature.eventPropertyFilters) ? ( - + ) : null, showPropertyFilter && sourceFeatures.has(QueryFeature.personPropertyFilters) ? ( - + ) : null, ].filter((x) => !!x) const firstRowRight = [ showSavedQueries && sourceFeatures.has(QueryFeature.savedEventsQueries) ? ( - + ) : null, ].filter((x) => !!x) const secondRowLeft = [ - showReload ? : null, - showReload && canLoadNewData ? : null, - showElapsedTime ? : null, + showReload ? : null, + showReload && canLoadNewData ? : null, + showElapsedTime ? : null, ].filter((x) => !!x) const secondRowRight = [ (showColumnConfigurator || showPersistentColumnConfigurator) && sourceFeatures.has(QueryFeature.columnConfigurator) ? ( - + ) : null, - showExport ? : null, + showExport ? : null, ].filter((x) => !!x) const showFirstRow = !isReadOnly && (firstRowLeft.length > 0 || firstRowRight.length > 0) @@ -437,10 +441,9 @@ export function DataTable({ uniqueKey, query, setQuery, context, cachedResults } )} {showFirstRow && showSecondRow && } {showSecondRow && ( -
- {secondRowLeft} - {secondRowLeft.length > 0 && secondRowRight.length > 0 ?
: null} - {secondRowRight} +
+
{secondRowLeft}
+
{secondRowRight}
)} {showOpenEditorButton && inlineEditorButtonOnRow === 0 && !isReadOnly ? ( diff --git a/frontend/src/scenes/notebooks/Nodes/NotebookNodeQuery.tsx b/frontend/src/scenes/notebooks/Nodes/NotebookNodeQuery.tsx index 9be2cf69e6fab..10bc6ee836332 100644 --- a/frontend/src/scenes/notebooks/Nodes/NotebookNodeQuery.tsx +++ b/frontend/src/scenes/notebooks/Nodes/NotebookNodeQuery.tsx @@ -63,7 +63,6 @@ const Component = ({ const modifiedQuery = { ...query, full: false } if (NodeKind.DataTableNode === modifiedQuery.kind || NodeKind.SavedInsightNode === modifiedQuery.kind) { - // We don't want to show the insights button for now modifiedQuery.showOpenEditorButton = false modifiedQuery.full = false modifiedQuery.showHogQLEditor = false @@ -108,13 +107,22 @@ export const Settings = ({ const modifiedQuery = { ...query, full: false } if (NodeKind.DataTableNode === modifiedQuery.kind || NodeKind.SavedInsightNode === modifiedQuery.kind) { - // We don't want to show the insights button for now modifiedQuery.showOpenEditorButton = false modifiedQuery.showHogQLEditor = true modifiedQuery.showResultsTable = false - modifiedQuery.showReload = false + + modifiedQuery.showReload = true modifiedQuery.showElapsedTime = false + modifiedQuery.showTimings = false + modifiedQuery.embedded = true + modifiedQuery.showActions = true + + modifiedQuery.showDateRange = true + modifiedQuery.showEventFilter = true + modifiedQuery.showSearch = true + modifiedQuery.showPropertyFilter = true + modifiedQuery.showColumnConfigurator = true } if (NodeKind.InsightVizNode === modifiedQuery.kind || NodeKind.SavedInsightNode === modifiedQuery.kind) {