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

Client - dashboard refactoring

Browse Source
This commit is contained in:
Sam
2021-09-27 13:06:17 +02:00
parent 6c29050d27
commit f8c0f89852
5 changed files with 53 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
fittrackee_client/src/views/DashBoard.vue
View File

@ -1,16 +1,16 @@
<template>
<div id="dashboard" v-if="authUser.username">
<div id="dashboard" v-if="authUser.username && sports.length > 0">
<div class="container">
<UserStatsCards :user="authUser" />
</div>
<div class="container dashboard-container">
<div class="left-container dashboard-sub-container">
<UserMonthStats :user="authUser" />
<UserRecords :user="authUser" />
<UserMonthStats :sports="sports" :user="authUser" />
<UserRecords :sports="sports" :user="authUser" />
</div>
<div class="right-container dashboard-sub-container">
<UserCalendar :user="authUser" />
<Timeline :user="authUser" />
<UserCalendar :sports="sports" :user="authUser" />
<Timeline :sports="sports" :user="authUser" />
</div>
</div>
</div>
@ -24,7 +24,8 @@
import UserMonthStats from '@/components/Dashboard/UserMonthStats.vue'
import UserRecords from '@/components/Dashboard/UserRecords/index.vue'
import UserStatsCards from '@/components/Dashboard/UserStatsCards/index.vue'
import { USER_STORE } from '@/store/constants'
import { SPORTS_STORE, USER_STORE } from '@/store/constants'
import { ISport } from '@/types/sports'
import { IAuthUserProfile } from '@/types/user'
import { useStore } from '@/use/useStore'
@ -42,7 +43,10 @@
const authUser: ComputedRef<IAuthUserProfile> = computed(
() => store.getters[USER_STORE.GETTERS.AUTH_USER_PROFILE]
)
return { authUser }
const sports: ComputedRef<ISport[]> = computed(
() => store.getters[SPORTS_STORE.GETTERS.SPORTS]
)
return { authUser, sports }
},
})
</script>