From e979477005fb12bc70931266241347d78f659602 Mon Sep 17 00:00:00 2001
From: JunGu Kang <chr0m3.kr@gmail.com>
Date: Wed, 4 Dec 2019 15:46:03 +0900
Subject: [PATCH] Display Trainer Name on Navigation Bar if Logged In
---
src/components/NavigationBar.vue | 16 +++++++++++++++-
src/store/index.js | 2 +-
2 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/src/components/NavigationBar.vue b/src/components/NavigationBar.vue
index 82ad0ae..2b21cf2 100644
--- a/src/components/NavigationBar.vue
+++ b/src/components/NavigationBar.vue
@@ -10,11 +10,16 @@
></v-app-bar-nav-icon>
<v-toolbar-title>FITMIN</v-toolbar-title>
<v-spacer></v-spacer>
+ <span
+ v-if="isLogin"
+ >
+ {{ loginUser.name }}{{ loginUser.nickname ? `(${loginUser.nickname})` : '' }} 트레이너
+ </span>
</v-app-bar>
</template>
<script>
-import { mapActions } from 'vuex';
+import { mapState, mapGetters, mapActions } from 'vuex';
export default {
name: 'NavigationBar',
@@ -23,6 +28,15 @@ export default {
navDrawer: Boolean,
},
+ computed: {
+ ...mapState([
+ 'loginUser',
+ ]),
+ ...mapGetters([
+ 'isLogin',
+ ]),
+ },
+
methods: {
...mapActions([
'toggleNavDrawer',
diff --git a/src/store/index.js b/src/store/index.js
index e1c364d..137f0c3 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -9,7 +9,7 @@ export default new Vuex.Store({
isNavDrawerVisible: true,
loginUser: null,
},
- computed: {
+ getters: {
isLogin: state => (state.loginUser !== null),
},
mutations: {
--
GitLab