1 files changed, 39 insertions, 25 deletions
diff --git a/vnext/src/App.js b/vnext/src/App.js
index 6d254d14..7f383900 100644
--- a/vnext/src/App.js
+++ b/vnext/src/App.js
@@ -99,33 +99,28 @@ export default class App extends React.Component {
                 :
                 <div id="logo"><Link to="/">Juick</Link></div>
               }
-              <div id="search">
+              <div id="search" className="desktop">
                 <SearchBox pathname="/discover" onSearch={this.search} {...this.props} />
               </div>
               <nav id="global">
-                <ul>
-                  {user.uid > 0 ?
-                    <li>
-                      <Link to={{ pathname: '/' }}>
-                        <Icon name="ei-comment" size="s" /><span>Discuss</span>
-                        {
-                          user.unreadCount &&
-                          <span className="badge">{user.unreadCount}</span>
-                        }
-                      </Link>
-                    </li>
-                    :
-                    <li><Link to='/?media=1' rel="nofollow"><Icon name="ei-camera" size="s" />Photos</Link></li>
-                  }
-                  <li><Link to={{ pathname: '/discover' }} rel="nofollow"><Icon name="ei-search" size="s" />Discover</Link></li>
-                  <li>
-                    {user.uid > 0 ?
-                      <Link to={{ pathname: '/post' }}><Icon name="ei-pencil" size="s" />Post</Link>
-                      :
-                      <LoginButton title="Login" onAuth={this.auth} />
+                {user.uid > 0 ?
+                  <Link to={{ pathname: '/' }}>
+                    <Icon name="ei-bell" size="s" /><span>Discuss</span>
+                    {
+                      user.unreadCount &&
+                      <span className="badge">{user.unreadCount}</span>
                     }
-                  </li>
-                </ul>
+                  </Link>
+                  :
+                  <Link to='/?media=1' rel="nofollow"><Icon name="ei-camera" size="s" />Photos</Link>
+                }
+                <Link to={{ pathname: '/discover' }} rel="nofollow"><Icon name="ei-search" size="s" />Discover</Link>
+
+                {user.uid > 0 ?
+                  <Link to={{ pathname: '/post' }}><Icon name="ei-pencil" size="s" />Post</Link>
+                  :
+                  <LoginButton title="Login" onAuth={this.auth} />
+                }
               </nav>
             </div>
           </Header>
@@ -151,7 +146,26 @@ export default class App extends React.Component {
               </Switch>
             </section>
             <aside id="sidebar">
-            SIDESIDESIDE
+              <Link to="/?show=my">
+                <Icon name="ei-clock" size="s" />
+                <span className="desktop">My feed</span>
+              </Link>
+              <Link to="/pm">
+                <Icon name="ei-envelope" size="s" />
+                <span className="desktop">Messages</span>
+              </Link>
+              <Link to="/?show=discuss">
+                <Icon name="ei-bell" size="s" />
+                <span className="desktop">Discussions</span>
+              </Link>
+              <Link to={`/${user.name}/?show=recomm`} rel="nofollow">
+                <Icon name="ei-heart" size="s" />
+                <span className="desktop">Recommendations</span>
+              </Link>
+              <Link to={`/${user.name}/?show=photos`} rel="nofollow">
+                <Icon name="ei-camera" size="s" />
+                <span className="desktop">Photos</span>
+              </Link>
             </aside>
           </div>
           <div id="footer">
@@ -162,7 +176,7 @@ export default class App extends React.Component {
             <div id="footer-left">juick.com &copy; 2008-2018
                 <br />
             </div>
-        </div>
+          </div>
         </>
       </Router>
     );