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`