add preloader block to root component instead of text 'Loading..'

web/app/components/root/__preloader/root__preloader.scss

@@ -0,0 +1,6 @@
+.root__preloader {
+  position: absolute;
+  left: 0;
+  right: 0;
+  margin: 0 auto;
+}

web/app/components/root/_loading/root_loading.scss

@@ -1,39 +0,0 @@
-// TODO: add true preloader
-
-.root_loading {
-  position: relative;
-  height: 3em;
-
-  &::after {
-    content: 'Loading..';
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    margin: auto;
-    animation: rootLoading 1s infinite;
-  }
-
-  @keyframes rootLoading {
-    0% {
-      content: 'Loading..';
-    }
-
-    25% {
-      content: 'Loading...';
-    }
-
-    50% {
-      content: 'Loading..';
-    }
-
-    75% {
-      content: 'Loading.';
-    }
-
-    100% {
-      content: 'Loading.';
-    }
-  }
-}

web/app/components/root/index.js

@@ -4,8 +4,7 @@ require('./root.scss');
 
 require('./__auth-panel/root__auth-panel.scss');
 require('./__input/root__input.scss');
+require('./__preloader/root__preloader.scss');
 require('./__pinned-comment/root__pinned-comment.scss');
 require('./__pinned-comments/root__pinned-comments.scss');
 require('./__thread/root__thread.scss');
-
-require('./_loading/root_loading.scss');

web/app/components/root/root.jsx

@@ -8,6 +8,7 @@ import store from 'common/store';
 import AuthPanel from 'components/auth-panel';
 import Comment from 'components/comment';
 import Input from 'components/input';
+import Preloader from 'components/preloader';
 import Thread from 'components/thread';
 
 export default class Root extends Component {
@@ -91,7 +92,9 @@ export default class Root extends Component {
     if (!loaded) {
       return (
         <div id={NODE_ID}>
-          <div className="root root_loading"/>
+          <div className="root">
+            <Preloader mix="root__preloader"/>
+          </div>
         </div>
       );
     }
@@ -101,7 +104,7 @@ export default class Root extends Component {
 
     return (
       <div id={NODE_ID}>
-        <div className="root root__loading">
+        <div className="root">
           <AuthPanel
             mix="root__auth-panel"
             user={user}

web/app/components/root/root.scss

@@ -1,3 +1,4 @@
 .root {
+  position: relative;
   font-family: 'PT Sans', Helvetica, Arial, sans-serif;
 }