tandem
/
tipus
2
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Always show the sidebar

This commit is contained in:
jordi fita mas 2024-06-15 01:48:12 +02:00
parent 9916afc768
commit b6665b67ba
1 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
editor/BlockEditor.jsx
View File

@ -6,24 +6,17 @@ import { BlockBreadcrumb, BlockCanvas, store as blockEditorStore } from '@wordpr
import Sidebar from './Sidebar'; import Sidebar from './Sidebar';
export default function BlockEditor() { export default function BlockEditor() {
const { styles, sidebarIsOpen, hasBlockSelected } = useSelect(( select ) => { const { styles } = useSelect(( select ) => {
const { getSettings, getBlockSelectionStart } = select( blockEditorStore ); const { getSettings, getBlockSelectionStart } = select( blockEditorStore );
const { getActiveComplementaryArea } = select( interfaceStore );
return { return {
styles: getSettings().styles, styles: getSettings().styles,
hasBlockSelected: !!getBlockSelectionStart(),
sidebarIsOpen: !!getActiveComplementaryArea( 'tipus/editor' )
}; };
}, []); }, []);
const { enableComplementaryArea, disableComplementaryArea } = useDispatch( interfaceStore ); const { enableComplementaryArea } = useDispatch( interfaceStore );
useEffect(() => { useEffect(() => {
if (hasBlockSelected) {
enableComplementaryArea( 'tipus/editor', 'edit-post/block' ); enableComplementaryArea( 'tipus/editor', 'edit-post/block' );
} else { }, []);
disableComplementaryArea( 'tipus/editor' );
}
}, [ hasBlockSelected ]);
return ( return (
<> <>
@ -31,7 +24,7 @@ export default function BlockEditor() {
<Sidebar /> <Sidebar />
<InterfaceSkeleton <InterfaceSkeleton
content={ <BlockCanvas height="100%" styles={styles} /> } content={ <BlockCanvas height="100%" styles={styles} /> }
sidebar={ sidebarIsOpen && <ComplementaryArea.Slot scope="tipus/editor" /> } sidebar={ <ComplementaryArea.Slot scope="tipus/editor" /> }
footer={ <BlockBreadcrumb /> } footer={ <BlockBreadcrumb /> }
/> />
</> </>