Dialog performance tweaks.

vite/src/pipedal/AppThemed.tsx

@@ -813,7 +813,7 @@ export
                         {(!this.state.tinyToolBar) && !this.state.performanceView ?
                             (
                                 <AppBar position="absolute"  >
-                                    <Toolbar variant="dense" className={classes.toolBar} style={{overflow: "clip" }}  >
+                                    <Toolbar variant="dense" className={classes.toolBar} style={{ overflow: "clip" }}  >
                                         <IconButtonEx tooltip="Menu"
                                             edge="start"
                                             aria-label="menu"
@@ -1026,10 +1026,13 @@ export
                             (
                                 <AboutDialog open={this.state.aboutDialogOpen} onClose={() => this.setState({ aboutDialogOpen: false })} />
                             )}
+                        {this.state.isSettingsDialogOpen && (
                             <SettingsDialog
                                 open={this.state.isSettingsDialogOpen}
                                 onboarding={this.state.onboarding}
                                 onClose={() => this.handleSettingsDialogClose()} />
+                        )}
+                        {(this.state.renameBankDialogOpen || this.state.saveBankAsDialogOpen) && (
                             <RenameDialog
                                 open={this.state.renameBankDialogOpen || this.state.saveBankAsDialogOpen}
                                 defaultName={this.model_.banks.get().getSelectedEntryName()}
@@ -1050,7 +1053,9 @@ export
                                 }
                                 }
                             />
+                        )}
 
+                        {this.state.zoomedControlOpen && (
                             <ZoomedUiControl
                                 dialogOpen={this.state.zoomedControlOpen}
                                 controlInfo={this.state.zoomedControlInfo}
@@ -1058,8 +1063,14 @@ export
                                 onDialogClosed={() => { this.model_.zoomedUiControl.set(undefined); }
                                 }
                             />
+                        )}
+                        {(this.state.updateDialogOpen) && (
                             <UpdateDialog open={this.state.updateDialogOpen} />
-                        {this.state.showStatusMonitor && (<JackStatusView />)}
+                        )}
+                        {this.state.showStatusMonitor && (
+                            <JackStatusView />
+                        )}
+
                     </div>
                 )
                 }