diff --git a/app/components/chart-published.tsx b/app/components/chart-published.tsx index 73e7ef7a8..8197d8c92 100644 --- a/app/components/chart-published.tsx +++ b/app/components/chart-published.tsx @@ -11,7 +11,7 @@ import { LoadingStateProvider } from "@/charts/shared/chart-loading-state"; import { isUsingImputation } from "@/charts/shared/imputation"; import { CHART_RESIZE_EVENT_TYPE } from "@/charts/shared/use-size"; import { ChartErrorBoundary } from "@/components/chart-error-boundary"; -import { ChartFootnotes } from "@/components/chart-footnotes"; +import { ChartFootnotes, VisualizeLink } from "@/components/chart-footnotes"; import { ChartPanelLayout, ChartWrapper } from "@/components/chart-panel"; import { ChartControls, @@ -155,6 +155,7 @@ export const ChartPublished = ({ chartConfigs={state.chartConfigs} renderChart={renderChart} /> + {state.chartConfigs.length !== 1 && } ) : ( <> @@ -219,6 +220,9 @@ const usePublishedChartStyles = makeStyles( padding: theme.spacing(6), }, + gap: 16, + display: "flex", + flexDirection: "column", backgroundColor: theme.palette.grey[200], }, }) @@ -443,8 +447,9 @@ const ChartPublishedInnerImpl = (props: ChartPublishInnerProps) => { dashboardFilters={state.dashboardFilters} components={allComponents} showVisualizeLink={ - state.chartConfigs.length === 1 && - state.layout.type !== "dashboard" + state.layout.type !== "dashboard" || + (state.layout.type === "dashboard" && + state.chartConfigs.length === 1) } />