Browse Source

navbar improve

kiboky 5 years ago
parent
commit
d754dc5f67
1 changed files with 25 additions and 13 deletions
  1. 25 13
      client/components/Navbar.vue

+ 25 - 13
client/components/Navbar.vue

@@ -76,19 +76,31 @@
                 </span>
               </a>
               <span class="icp-nav-link-border"></span>
-
-              <nuxt-link
-                to="/register"
-                class="nav-a nav-a-2"
-                id="nav-link-accountList"
-                tabindex="0"
-              >
-                <span class="nav-line-1">Hello, Sign in</span>
-                <span class="nav-line-2">
-                  Account &amp; Lists
-                  <span class="nav-icon nav-arrow" style="visiblity: visible"></span>
-                </span>
-              </nuxt-link>
+              <template v-if="$auth.$state.loggedIn">
+                <nuxt-link
+                  to="/register"
+                  class="nav-a nav-a-2"
+                  id="nav-link-accountList"
+                  tabindex="0"
+                >
+                  <span class="nav-line-1">Hello</span>
+                  <span class="nav-line-2">{{ $auth.$state.user.name }}</span>
+                </nuxt-link>
+              </template>
+              <template v-else>
+                <nuxt-link
+                  to="/register"
+                  class="nav-a nav-a-2"
+                  id="nav-link-accountList"
+                  tabindex="0"
+                >
+                  <span class="nav-line-1">Hello, Sign in</span>
+                  <span class="nav-line-2">
+                    Account &amp; Lists
+                    <span class="nav-icon nav-arrow" style="visiblity: visible"></span>
+                  </span>
+                </nuxt-link>
+              </template>
 
               <nuxt-link to="/orders" class="nav-a nav-a-2 nav-single-row-link">
                 <span class="nav-line-1"></span>