|
@@ -35,7 +35,7 @@ class Page extends React.Component {
|
|
|
},
|
|
|
(error) => {
|
|
|
this.setState({
|
|
|
- page: "failed",
|
|
|
+ rendered: "not found",
|
|
|
});
|
|
|
}
|
|
|
);
|
|
@@ -43,11 +43,26 @@ class Page extends React.Component {
|
|
|
|
|
|
render() {
|
|
|
if (this.state.loaded) {
|
|
|
- return <div dangerouslySetInnerHTML={{__html: this.state.rendered}} />
|
|
|
+ return <div className="page" dangerouslySetInnerHTML={{__html: this.state.rendered}} />;
|
|
|
} else {
|
|
|
- return <div>Loading...</div>
|
|
|
+ return <div className="page">Loading...</div>;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-ReactDOM.render(<Page/>, document.getElementById('root'))
|
|
|
+const Sidebar = () => {
|
|
|
+ return (
|
|
|
+ <div className="sidebar"><img src="/static/baba-yaga-sidebar-plain.svg"/></div>
|
|
|
+ );
|
|
|
+};
|
|
|
+
|
|
|
+const Board = () => {
|
|
|
+ return (
|
|
|
+ <div className="board">
|
|
|
+ <Sidebar/>
|
|
|
+ <Page/>
|
|
|
+ </div>
|
|
|
+ );
|
|
|
+};
|
|
|
+
|
|
|
+ReactDOM.render(<Board/>, document.getElementById('root'));
|