aboutsummaryrefslogtreecommitdiff
path: root/vnext/src
diff options
context:
space:
mode:
Diffstat (limited to 'vnext/src')
-rw-r--r--vnext/src/index.js23
-rw-r--r--vnext/src/views/index.html11
2 files changed, 22 insertions, 12 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 = () => (
diff --git a/vnext/src/views/index.html b/vnext/src/views/index.html
index f9fb7e72..ba80b464 100644
--- a/vnext/src/views/index.html
+++ b/vnext/src/views/index.html
@@ -63,17 +63,6 @@
<a href="/help/contacts" rel="nofollow">Contacts</a> &middot;
<a href="/help/tos" rel="nofollow">TOS</a>
</div>
- <div id="footer-social">
- <a href="https://twitter.com/Juick" rel="nofollow">
- <Icon name="ei-sc-twitter" size="m" />
- </a>
- <a href="https://vk.com/juick" rel="nofollow">
- <Icon name="ei-sc-vk" size="m" />
- </a>
- <a href="https://www.facebook.com/JuickCom" rel="nofollow">
- <Icon name="ei-sc-facebook" size="m" />
- </a>
- </div>
<div id="footer-left">juick.com &copy; 2008-2018
<br />
<!-- EXT_FOOTER -->