zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: rename accounts to user

Browse source
This commit is contained in:
Anthony Fu 2022-11-23 12:25:48 +08:00
parent 8dc1fb6493
commit ed5b8091d3
10 changed files with 32 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

25
components/account/AccountSignIn.vue
View file

@ -1,25 +0,0 @@
<script setup lang="ts">
import { DEFAULT_SERVER } from '~/constants'
const server = ref<string>()
async function oauth() {
location.href = `/api/${server.value || DEFAULT_SERVER}/login`
}
</script>
<template>
<div h-full text-center justify-center flex="~ col items-center gap2">
<div text-3xl mb2>
Sign in
</div>
<div>Mastodon Server Name</div>
<div flex bg-gray:10 px2 py1 mxa rounded border="~ border" w-80 text-xl items-center>
<span op35 mr1 text-sm>https://</span>
<input v-model="server" :placeholder="DEFAULT_SERVER" outline-none bg-transparent>
</div>
<button btn-solid mxa mt2 @click="oauth()">
Sign in
</button>
</div>
</template>

10
components/account/AccountSignInEntry.vue
View file

@ -1,10 +0,0 @@
<template>
<div p8 flex="~ col gap4">
<div text-sm op50>
Sign in to follow profiles or hashtags, favourite, share and reply to posts, or interact from your account on a different server.
</div>
<NuxtLink to="/signin" class="btn-solid text-center">
Sign in
</NuxtLink>
</div>
</template>

48
components/account/AccountSwitcher.vue
View file

@ -1,48 +0,0 @@
<script setup lang="ts">
const allAccounts = useAccounts()
const sortedAccounts = computed(() => {
return [
currentUser.value!,
...allAccounts.value.filter(account => account.token !== currentUser.value?.token),
].filter(Boolean)
})
</script>
<template>
<div max-w-40rem mxa p4 flex="~ col gap2">
<h1 text-2xl>
Switch Account
</h1>
<div mx--2>
<template v-for="acc of sortedAccounts" :key="acc.id">
<AccountInfo
:account="acc.account"
:link="false"
:full-server="true"
rounded p2
hover:bg-active cursor-pointer
@click="loginTo(acc)"
>
<template v-if="acc.token === currentUser?.token">
<div flex-auto />
<div i-ri:check-line text-primary mya text-2xl />
</template>
</AccountInfo>
</template>
</div>
<div mx--4 border="t base" pt2>
<button btn-text flex="~ gap-1" items-center @click="openSigninDialog">
<div i-ri:user-add-line />
Add another account
</button>
<button
v-if="currentUser" btn-text hover:text-red4 flex="~ gap-1" items-center
@click="signout"
>
<div i-ri:logout-box-line />
Sign out @{{ currentUser.account!.acct }}
</button>
</div>
</div>
</template>