Add page tab suggestions/improvements (#2342)

mui · Jul 21, 2023 · 35a810b · 35a810b
1 parent 6eea96d
commit 35a810b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/ComponentPanel.tsx b/packages/toolpad-app/src/toolpad/AppEditor/PageEditor/ComponentPanel.tsx
@@ -82,7 +82,7 @@ export default function ComponentPanel({ className }: ComponentPanelProps) {
           <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
             <TabList onChange={handleChange} aria-label="Component options">
               <Tab label="Page" value="page" />
-              <Tab label="Component" value="component" />
+              <Tab label="Component" value="component" disabled={!selectedNode} />
               <Tab label="Theme" value="theme" />
             </TabList>
           </Box>

diff --git a/packages/toolpad-app/src/toolpad/AppState.tsx b/packages/toolpad-app/src/toolpad/AppState.tsx
@@ -240,7 +240,7 @@ export function appStateReducer(state: AppState, action: AppStateAction): AppSta
     case 'DESELECT_NODE': {
       if (state.currentView.kind === 'page') {
         return update(state, {
-          currentView: { ...state.currentView, selectedNodeId: null },
+          currentView: { ...state.currentView, selectedNodeId: null, tab: 'page' },
         });
       }
       return state;