aboutsummaryrefslogtreecommitdiff
path: root/vnext/src/index.js
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2018-09-18 15:41:19 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:53 +0300
commitd793cc8f85fc1d45b6d98a7ae52fd8e99a885f14 (patch)
tree95ca213d6d9d310b84c3ee66c8529272e61e6b47 /vnext/src/index.js
parent2225e9a15d9330df0fae1615b6d561bc54872068 (diff)
LoadingView
Diffstat (limited to 'vnext/src/index.js')
-rw-r--r--vnext/src/index.js23
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 = () => (