Add sidebar menu to user profile page

Lokiedu · Feb 9, 2017 · 4f29037 · 4f29037
1 parent e515db8
commit 4f29037
Showing 1 changed file with 49 additions and 1 deletion.
diff --git a/src/pages/base/user.js b/src/pages/base/user.js
@@ -160,7 +160,55 @@ const BaseUserPage = (props) => {
                 {children}
               </div>
             </PageContent>
-            <SidebarAlt />
+            <SidebarAlt>
+              <div className="tabs">
+                <div className="short_post short_post-spacing">
+                  <IndexLink
+                    activeClassName="tabs__link-active color-dark_blue"
+                    className="tabs__link"
+                    to={`/user/${user.get('username')}`}
+                  >
+                    Posts
+                  </IndexLink>
+                </div>
+                {showLikesLink &&
+                  <div className="short_post short_post-spacing">
+                    <PageContentLink
+                      activeClassName="tabs__link-active color-dark_blue"
+                      className="tabs__link"
+                      to={`/user/${user.get('username')}/likes`}
+                      visible
+                    >
+                      Likes
+                    </PageContentLink>
+                  </div>
+                }
+                {showFavouritesLink &&
+                  <div className="short_post short_post-spacing">
+                    <PageContentLink
+                      activeClassName="tabs__link-active color-dark_blue"
+                      className="tabs__link"
+                      to={`/user/${user.get('username')}/favorites`}
+                      visible
+                    >
+                      Favorites
+                    </PageContentLink>
+                  </div>
+                }
+                {showBioLink &&
+                  <div className="short_post short_post-spacing">
+                    <PageContentLink
+                      activeClassName="tabs__link-active color-dark_blue"
+                      className="tabs__link"
+                      to={`/user/${user.get('username')}/bio`}
+                      visible
+                    >
+                      Bio
+                    </PageContentLink>
+                  </div>
+                }
+              </div>
+            </SidebarAlt>
           </PageBody>
         </PageMain>
       </Page>