mirror of
https://github.com/elk-zone/elk.git
synced 2024-12-13 14:49:47 +03:00
cd85871d01
* feat: account switcher sidebar * fix: defer loading sidebar until masto initialised * fix: only show user switcher for 2 or more accounts * chore: use `ofetch` (newer version of `ohymfetch`) * chore: early alpha warning * fix: handle missing user in github preview * refactor: avoid circular auto-import Co-authored-by: Daniel Roe <daniel@roe.dev>
30 lines
794 B
Vue
30 lines
794 B
Vue
<script setup lang="ts">
|
|
import type { UserLogin } from '~/types'
|
|
|
|
const all = useUsers()
|
|
|
|
const router = useRouter()
|
|
const switchUser = (user: UserLogin) => {
|
|
if (user.account.id === currentUser.value?.account.id)
|
|
router.push(getAccountRoute(user.account))
|
|
else
|
|
loginTo(user)
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<div flex="~ col" pb8 px4 gap-6 w-20 h-full justify-end>
|
|
<template v-for="user of all" :key="user.id">
|
|
<button
|
|
flex rounded
|
|
cursor-pointer
|
|
aria-label="Switch user"
|
|
:class="user.account.id === currentUser?.account.id ? '' : 'grayscale'"
|
|
hover:filter-none
|
|
@click="switchUser(user)"
|
|
>
|
|
<AccountAvatar w-12 h-12 :account="user.account" :hover-card="false" />
|
|
</button>
|
|
</template>
|
|
</div>
|
|
</template>
|