LoadingView

1 files changed, 22 insertions, 1 deletions

diff --git a/vnext/src/index.js b/vnext/src/index.js
index 74e36d84..1180d303 100644
--- a/vnext/src/index.js
+++ b/vnext/src/index.js
@@ -2,9 +2,30 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Loadable from 'react-loadable';
 
+function LoadingView(props) {
+  return (
+    <div id="body">
+      <div id="header">
+        <div id="header_wrapper">
+          <div id="logo">
+            <a href="/">Juick</a>
+          </div>
+          <div id="search">
+            <form>
+              <input name="search" className="text" placeholder="Search..." />
+            </form>
+          </div>
+          <nav id="global"></nav>
+        </div>
+      </div>
+      <div id="wrapper"></div>
+    </div>
+  );
+}
+
 const Juick = Loadable({
   loader: () => import('./App'),
-  loading: () => <div>Loading...</div>
+  loading: LoadingView
 });
 
 const JuickApp = () => (