Cavemanon/piratepoet
8
Fork 0
Code Pull Requests Actions Releases 16 Activity

Add layout screen component

Browse Source 
Each section of styles in the sidebar should have its screen component.
[MAILPOET-5640]
This commit is contained in:
Jan Lysý
2024-03-01 17:56:57 +01:00
committed by Rostislav Wolný
parent 97d31c0dbf
commit 5c46bbda30
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
mailpoet/assets/js/src/email-editor/engine/components/styles-sidebar/screen-layout.tsx Normal file
View File

@@ -0,0 +1,6 @@
import { __ } from '@wordpress/i18n';
import { ScreenHeader } from './screen-header';
export function ScreenLayout(): JSX.Element {
return <ScreenHeader title={__('Layout', 'mailpoet')} />;
}

4
mailpoet/assets/js/src/email-editor/engine/components/styles-sidebar/styles-sidebar.tsx
View File

@@ -9,6 +9,7 @@ import { ComplementaryArea } from '@wordpress/interface';
import { ComponentProps } from 'react'; import { ComponentProps } from 'react';
import { styles } from '@wordpress/icons'; import { styles } from '@wordpress/icons';
import { storeName, stylesSidebarId } from '../../store'; import { storeName, stylesSidebarId } from '../../store';
import { ScreenLayout } from './screen-layout';
import { ScreenRoot } from './screen-root'; import { ScreenRoot } from './screen-root';
type Props = ComponentProps<typeof ComplementaryArea>; type Props = ComponentProps<typeof ComplementaryArea>;
@@ -41,8 +42,7 @@ export function StylesSidebar(props: Props): JSX.Element {
</NavigatorScreen> </NavigatorScreen>
<NavigatorScreen path="/layout"> <NavigatorScreen path="/layout">
<NavigatorToParentButton>Back</NavigatorToParentButton> <ScreenLayout />
<div>TODO: Typography screen</div>
</NavigatorScreen> </NavigatorScreen>
</NavigatorProvider> </NavigatorProvider>
</Panel> </Panel>