diff --git a/src/renderer/src/pages.js b/src/renderer/src/pages.js index 561b9209a..d60abe07b 100644 --- a/src/renderer/src/pages.js +++ b/src/renderer/src/pages.js @@ -149,18 +149,21 @@ const pages = { title: "Inspector Report", label: "Inspect files", section: sections[2], + sync: ["preview"], }), preview: new GuidedStubPreviewPage({ title: "Conversion Preview", label: "Preview files", section: sections[2], + sync: ["preview"], }), upload: new GuidedUploadPage({ title: "DANDI Upload Options", label: "Upload to DANDI", section: sections[3], + sync: ["conversion"], }), review: new GuidedResultsPage({ diff --git a/src/renderer/src/stories/Dashboard.js b/src/renderer/src/stories/Dashboard.js index 8c37ab617..63907d107 100644 --- a/src/renderer/src/stories/Dashboard.js +++ b/src/renderer/src/stories/Dashboard.js @@ -208,17 +208,21 @@ export class Dashboard extends LitElement { this.subSidebar.hide(); } - page.set(toPass); + this.#active.set(toPass, false); - const projectName = info.globalState?.project?.name; - this.subSidebar.header = projectName - ? `

${projectName}

Conversion Pipeline` - : projectName; + this.#active.checkSyncState().then(() => { + this.#active.requestUpdate(); // Re-render page - // const page = this.getPage(info) - this.main.set({ - page, - sections: this.subSidebar.sections ?? {}, + const projectName = info.globalState?.project?.name; + + this.subSidebar.header = projectName + ? `

${projectName}

Conversion Pipeline` + : projectName; + + this.main.set({ + page, + sections: this.subSidebar.sections ?? {}, + }); }); } diff --git a/src/renderer/src/stories/NavigationSidebar.js b/src/renderer/src/stories/NavigationSidebar.js index bc89d07ec..96bd0d196 100644 --- a/src/renderer/src/stories/NavigationSidebar.js +++ b/src/renderer/src/stories/NavigationSidebar.js @@ -24,6 +24,7 @@ export class NavigationSidebar extends LitElement { return { sections: { type: Object, reflect: false }, active: { type: String, reflect: true }, + header: { type: Object, reflect: false }, }; } @@ -102,6 +103,7 @@ export class NavigationSidebar extends LitElement { render() { const header = this.header ?? this.#header; + return html`