Add conditionals to the nav menu items

josephspurrier · Mar 29, 2020 · f14a73b · f14a73b
1 parent 5a892dc
commit f14a73b
Showing 1 changed file with 15 additions and 11 deletions.
diff --git a/src/app/api/static/app/src/page/component/Menu.js b/src/app/api/static/app/src/page/component/Menu.js
@@ -45,21 +45,25 @@ var View = {
               <a class="navbar-link">Menu</a>
 
               <div class="navbar-dropdown is-right">
-                <m.route.Link class="navbar-item" href="/login">
-                  Login
-                </m.route.Link>
+                {!Auth.isLoggedIn() && (
+                  <m.route.Link class="navbar-item" href="/login">
+                    Login
+                  </m.route.Link>
+                )}
                 <m.route.Link class="navbar-item" href="/about">
                   About
                 </m.route.Link>
                 <hr class="navbar-divider" />
-                <a
-                  class="dropdown-item"
-                  onclick={() => {
-                    logout();
-                  }}
-                >
-                  Logout
-                </a>
+                {Auth.isLoggedIn() && (
+                  <a
+                    class="dropdown-item"
+                    onclick={() => {
+                      logout();
+                    }}
+                  >
+                    Logout
+                  </a>
+                )}
                 <div class="navbar-item">v1.0.0</div>
               </div>
             </div>