Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Client - display authenticated user username in NavBar

Browse Source
This commit is contained in:
Sam
2021-08-11 21:24:23 +02:00
parent 7df5ea9870
commit a20a646687
4 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
fittrackee_client/src/components/NavBar.vue
View File

@ -31,7 +31,7 @@
</div>
<div class="nav-items-user-menu">
<div class="nav-items-group" v-if="isAuthenticated">
<div class="nav-item">User</div>
<div class="nav-item">{{ authUser.username }}</div>
<div class="nav-item">{{ t('user.LOGOUT') }}</div>
</div>
<div class="nav-items-group" v-else>
@ -61,6 +61,7 @@
import { useStore } from 'vuex'
import { IDropdownOption } from '@/interfaces'
import { USER_STORE } from '@/store/constants'
import Dropdown from '@/components/Common/Dropdown.vue'
export default defineComponent({
@ -88,7 +89,12 @@
return {
availableLanguages,
isAuthenticated: computed(() => store.getters.isAuthenticated),
authUser: computed(
() => store.getters[USER_STORE.GETTERS.AUTH_USER_PROFILE]
),
isAuthenticated: computed(
() => store.getters[USER_STORE.GETTERS.IS_AUTHENTICATED]
),
isMenuOpen,
language: computed(() => store.state.language),
t,