diff --git a/public/app/features/dashboard-scene/sharing/ShareExportTab.tsx b/public/app/features/dashboard-scene/sharing/ShareExportTab.tsx index 979ad00acec..f1e669d4ac1 100644 --- a/public/app/features/dashboard-scene/sharing/ShareExportTab.tsx +++ b/public/app/features/dashboard-scene/sharing/ShareExportTab.tsx @@ -11,12 +11,11 @@ import { shareDashboardType } from 'app/features/dashboard/components/ShareModal import { DashboardModel } from 'app/features/dashboard/state'; import { transformSceneToSaveModel } from '../serialization/transformSceneToSaveModel'; +import { getVariablesCompatibility } from '../utils/getVariablesCompatibility'; import { DashboardInteractions } from '../utils/interactions'; import { SceneShareTabState } from './types'; -const exportExternallyTranslation = t('share-modal.export.share-externally-label', `Export for sharing externally`); - interface ShareExportTabState extends SceneShareTabState { isSharingExternally?: boolean; isViewingJSON?: boolean; @@ -61,7 +60,13 @@ export class ShareExportTab extends SceneObjectBase { const saveModel = transformSceneToSaveModel(dashboardRef.resolve()); const exportable = isSharingExternally - ? await this._exporter.makeExportable(new DashboardModel(saveModel)) + ? await this._exporter.makeExportable( + new DashboardModel(saveModel, undefined, { + getVariablesFromState: () => { + return getVariablesCompatibility(window.__grafanaSceneContext); + }, + }) + ) : saveModel; return exportable; @@ -100,6 +105,8 @@ function ShareExportTabRenderer({ model }: SceneComponentProps) return ''; }, [isViewingJSON]); + const exportExternallyTranslation = t('share-modal.export.share-externally-label', `Export for sharing externally`); + return ( <> {!isViewingJSON && (