diff options
Diffstat (limited to 'vnext')
| -rw-r--r-- | vnext/src/components/Footer.js | 26 | ||||
| -rw-r--r-- | vnext/src/index.js | 88 |
2 files changed, 72 insertions, 42 deletions
diff --git a/vnext/src/components/Footer.js b/vnext/src/components/Footer.js new file mode 100644 index 00000000..b2551b95 --- /dev/null +++ b/vnext/src/components/Footer.js @@ -0,0 +1,26 @@ +import React from 'react' + +import Icon from './Icon' + +export default function Footer(props) { + + return ( + <div id="footer"> + <div id="footer-right"> · + <a href="/help/contacts" rel="nofollow">Contacts</a> · + <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 © 2008-2018 + </div> + { + props.links && + <div>Sponsors: {props.links}</div> + } + </div> + ) +}
\ No newline at end of file diff --git a/vnext/src/index.js b/vnext/src/index.js index 88c13ae3..963aa968 100644 --- a/vnext/src/index.js +++ b/vnext/src/index.js @@ -6,6 +6,7 @@ import Discover from './components/Discover'; import Post from './components/Post'; import Thread from './components/Thread'; import LoginButton from './components/LoginButton'; +import Footer from './components/Footer'; class App extends React.Component { constructor(props) { @@ -16,49 +17,52 @@ class App extends React.Component { } render() { return ( - <Router> - <div className="wrapper"> - <header> - <div id="header_wrapper"> - {this.state.visitor.uid > 0 ? - <div id="ctitle"> - <a href="/{this.state.visitor.name}"> - <img src="//i.juick.com/a/{this.state.visitor.uid}.png" alt=""/>{this.state.visitor.name} - </a> - </div> - : - <div id="logo"><Link to="/">Juick</Link></div> - } - <div id="search"> - <form action="/"> - <input name="search" className="text" - placeholder="Search..." /> - </form> - </div> - <nav id="global"> - <ul> - {this.state.visitor.uid > 0 ? - <li><Link to={{ pathname: '/'}}><Icon name="ei-comment" size="s"/>Discuss</Link></li> - : - <li><Link to='/?media=1' rel="nofollow"><Icon name="ei-camera" size="s"/>Photos</Link></li> - } - <li><Link to={{ pathname: '/'}} rel="nofollow"><Icon name="ei-search" size="s"/>Discover</Link></li> - <li> - {this.state.visitor.uid > 0 ? - <Link to={{ pathname: '/post'}}><Icon name="ei-pencil" size="s"/>Post</Link> - : - <LoginButton title="Login" onAuth={this.auth.bind(this)} /> + <React.Fragment> + <Router> + <div className="wrapper"> + <header> + <div id="header_wrapper"> + {this.state.visitor.uid > 0 ? + <div id="ctitle"> + <a href="/{this.state.visitor.name}"> + <img src="//i.juick.com/a/{this.state.visitor.uid}.png" alt="" />{this.state.visitor.name} + </a> + </div> + : + <div id="logo"><Link to="/">Juick</Link></div> + } + <div id="search"> + <form action="/"> + <input name="search" className="text" + placeholder="Search..." /> + </form> + </div> + <nav id="global"> + <ul> + {this.state.visitor.uid > 0 ? + <li><Link to={{ pathname: '/' }}><Icon name="ei-comment" size="s" />Discuss</Link></li> + : + <li><Link to='/?media=1' rel="nofollow"><Icon name="ei-camera" size="s" />Photos</Link></li> } - </li> - </ul> - </nav> - </div> - </header> - <Route exact path="/" component={Discover} /> - <Route path="/:user/:mid" component={Thread} /> - <Route path="/post" component={Post} /> - </div> - </Router> + <li><Link to={{ pathname: '/' }} rel="nofollow"><Icon name="ei-search" size="s" />Discover</Link></li> + <li> + {this.state.visitor.uid > 0 ? + <Link to={{ pathname: '/post' }}><Icon name="ei-pencil" size="s" />Post</Link> + : + <LoginButton title="Login" onAuth={this.auth.bind(this)} /> + } + </li> + </ul> + </nav> + </div> + </header> + <Route exact path="/" component={Discover} /> + <Route path="/:user/:mid" component={Thread} /> + <Route path="/post" component={Post} /> + </div> + </Router> + <Footer /> + </React.Fragment> ) } auth(data) { |