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

Client - fix user header

Browse Source
This commit is contained in:
Sam 2022-03-13 16:46:16 +01:00
parent d11ce9615a
commit b0334c87da
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
fittrackee_client/src/components/User/ProfileDisplay/UserHeader.vue
View File

@ -16,10 +16,10 @@
unitFrom="km"
:digits="0"
:displayUnit="false"
:useImperialUnits="user.imperial_units"
:useImperialUnits="authUser.imperial_units"
/>
<span class="stat-label">
{{ user.imperial_units ? 'miles' : 'km' }}
{{ authUser.imperial_units ? 'miles' : 'km' }}
</span>
</div>
<div class="user-stat hide-small">
@ -34,10 +34,12 @@
</template>
<script setup lang="ts">
import { toRefs } from 'vue'
import { computed, ComputedRef, toRefs } from 'vue'
import UserPicture from '@/components/User/UserPicture.vue'
import { IUserProfile } from '@/types/user'
import { AUTH_USER_STORE } from '@/store/constants'
import { IAuthUserProfile, IUserProfile } from '@/types/user'
import { useStore } from '@/use/useStore'
interface Props {
user: IUserProfile
@ -45,6 +47,12 @@
const props = defineProps<Props>()
const { user } = toRefs(props)
const store = useStore()
const authUser: ComputedRef<IAuthUserProfile> = computed(
() => store.getters[AUTH_USER_STORE.GETTERS.AUTH_USER_PROFILE]
)
</script>
<style lang="scss" scoped>