Updated lexical sandbox page structure

Refs https://github.com/TryGhost/Team/issues/1991
This commit is contained in:
Sanne de Vries 2022-09-28 11:06:32 +07:00
parent 874d0bf81b
commit 08656ea569
2 changed files with 5 additions and 5 deletions

View File

@ -13,7 +13,7 @@ class ErrorHandler extends React.Component {
render() {
if (this.state.hasError) {
return (
<p className="koenig-react-editor-error">Loading has failed. Try refreshing the browser!</p>
<p>Loading has failed. Try refreshing the browser!</p>
);
}
@ -83,7 +83,7 @@ const KoenigSandbox = (props) => {
export default class LexicalSandbox extends Component {
ReactComponent = () => {
return (
<div className={['koenig-react-editor', this.args.className].filter(Boolean).join(' ')}>
<div className={[this.args.className].filter(Boolean).join(' ')}>
<ErrorHandler>
<Suspense fallback={<p className="koenig-react-editor-loading">Loading editor...</p>}>
<KoenigSandbox />

View File

@ -1,11 +1,11 @@
<div class="gh-canvas">
<section class="gh-canvas">
<GhCanvasHeader class="gh-canvas-header">
<h2 class="gh-canvas-title" data-test-screen-title>
Lexical editor components
</h2>
</GhCanvasHeader>
<div class="view-container gh-ds">
<div class="view-container">
<KoenigLexicalSandbox />
</div>
</div>
</section>