Style editor loader.

Author: sapegin

src/rsg-components/Editor/EditorLoader.css

@@ -0,0 +1,6 @@
+.root {
+	composes: font from "../../styles/common.css";
+	composes: light code-bg from "../../styles/colors.css";
+	padding: 7px 16px 10px;
+	font-size: 12px;
+}

src/rsg-components/Editor/EditorLoader.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import EditorLoaderRenderer from 'rsg-components/Editor/EditorLoaderRenderer';
 
 export default class EditorLoader extends Component {
 	constructor(props) {
@@ -19,7 +20,7 @@ export default class EditorLoader extends Component {
 	render() {
 		const Editor = this.state.editor;
 		if (!Editor) {
-			return <div>Loading...</div>;
+			return <EditorLoaderRenderer />;
 		}
 
 		return <Editor {...this.props} />;

src/rsg-components/Editor/EditorLoaderRenderer.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+import s from './EditorLoader.css';
+
+const EditorRenderer = () => (
+	<div className={s.root}>
+		Loading…
+	</div>
+);
+
+export default EditorRenderer;