FoundKeyGang/FoundKey
FoundKeyGang/FoundKey
7
19
Fork 22
Code Issues 37 Pull requests 4 Releases Activity

client: display moved information on profile

Browse source
This commit is contained in:
Johann150 2022-11-22 16:17:06 +01:00
parent ff4a27601f
commit f2c8b0ad78
Signed by: Johann150
GPG key ID: 9EE6577A2A06F8F1
2 changed files with 15 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
locales/en-US.yml
View file

@ -826,6 +826,7 @@ oauthErrorGoBack: "An error happened while trying to authenticate a 3rd party ap
\ Please go back and try again." \ Please go back and try again."
appAuthorization: "App authorization" appAuthorization: "App authorization"
noPermissionsRequested: "(No permissions requested.)" noPermissionsRequested: "(No permissions requested.)"
movedTo: "This user has moved to {handle}."
_emailUnavailable: _emailUnavailable:
used: "This email address is already being used" used: "This email address is already being used"
format: "The format of this email address is invalid" format: "The format of this email address is invalid"

14
packages/client/src/pages/user/home.vue
View file

@ -9,6 +9,16 @@
<div class="profile"> <div class="profile">
<MkRemoteCaution v-if="user.host != null" :href="user.url" class="warn"/> <MkRemoteCaution v-if="user.host != null" :href="user.url" class="warn"/>
<MkInfo v-if="user.movedTo" class="moved">
<I18n :src="i18n.ts.movedTo" tag="span">
<template #handle>
<MkA :to="userPage(user.movedTo)" style="color: var(--accent);">
<MkAcct :user="user.movedTo"/>
</MkA>
</template>
</I18n>
</MkInfo>
<div :key="user.id" class="_block main"> <div :key="user.id" class="_block main">
<div class="banner-container" :style="style"> <div class="banner-container" :style="style">
<div ref="bannerEl" class="banner" :style="style"></div> <div ref="bannerEl" class="banner" :style="style"></div>
@ -193,6 +203,10 @@ onUnmounted(() => {
> .profile { > .profile {
> .moved {
margin-bottom: 1em;
}
> .main { > .main {
position: relative; position: relative;
overflow: hidden; overflow: hidden;