mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-11-04 07:24:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

show pending inbound follow requests on a user's profile

Browse source
This commit is contained in:
Hazelnoot 2025-01-26 17:04:40 -05:00
parent 9f88ccec5f
commit 0370363aaf
1 changed files with 65 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
packages/frontend/src/pages/user/home.vue
View file

@ -39,9 +39,12 @@ SPDX-License-Identifier: AGPL-3.0-only
<li v-if="user.isBlocking">{{ i18n.ts.blocked }}</li>
<li v-if="user.isBlocked && $i.isModerator">{{ i18n.ts.blockingYou }}</li>
</ul>
<div class="actions">
<button class="menu _button" @click="menu"><i class="ti ti-dots"></i></button>
<MkFollowButton v-if="$i?.id != user.id" v-model:user="user" :inline="true" :transparent="false" :full="true" class="koudoku"/>
<div :class="$style.actions" class="actions">
<button :class="$style.actionsMenu" class="menu _button" @click="menu"><i class="ti ti-dots"></i></button>
<MkFollowButton :class="$style.actionsFollow" v-if="$i?.id != user.id" v-model:user="user" :disabled="disableFollowControls" :inline="true" :transparent="false" :full="true" class="koudoku" @update:wait="d => disableFollowControls = d" />
<div v-if="user.hasPendingFollowRequestToYou" :class="$style.actionsBanner" >{{ i18n.ts.receiveFollowRequest }}</div>
<MkButton v-if="user.hasPendingFollowRequestToYou" :class="$style.actionsAccept" :disabled="disableFollowControls" :inline="true" :transparent="false" :full="true" rounded primary @click="acceptFollowRequest"><i class="ti ti-check"/> {{ i18n.ts.accept }}</MkButton>
<MkButton v-if="user.hasPendingFollowRequestToYou" :class="$style.actionsReject" :disabled="disableFollowControls" :inline="true" :transparent="false" :full="true" rounded danger @click="rejectFollowRequest"><i class="ti ti-x"/> {{ i18n.ts.reject }}</MkButton>
</div>
</div>
<MkAvatar class="avatar" :user="user" indicator/>
@ -384,6 +387,29 @@ async function updateMemo() {
isEditingMemo.value = false;
}
// Set true to disable the follow / follow request controls
const disableFollowControls = ref(false);
async function acceptFollowRequest() {
try {
disableFollowControls.value = true;
await os.apiWithDialog('following/requests/accept', { userId: user.value.id });
user.value = await os.apiWithDialog('users/show', { userId: user.value.id });
} finally {
disableFollowControls.value = false;
}
}
async function rejectFollowRequest() {
try {
disableFollowControls.value = true;
await os.apiWithDialog('following/requests/reject', { userId: user.value.id });
user.value = await os.apiWithDialog('users/show', { userId: user.value.id });
} finally {
disableFollowControls.value = false;
}
}
watch([props.user], () => {
memoDraft.value = props.user.memo;
});
@ -860,4 +886,40 @@ onUnmounted(() => {
margin-left: 8px;
}
}
.actions {
display: grid;
grid-template-rows: min-content min-content min-content;
grid-template-columns: min-content auto 1fr;
grid-template-areas:
"menu follow follow"
"banner banner banner"
"accept accept reject";
}
.actionsMenu {
grid-area: menu;
width: unset;
}
.actionsFollow {
grid-area: follow;
margin-left: 8px;
}
.actionsBanner {
grid-area: banner;
justify-self: center;
margin-top: 8px;
margin-bottom: 4px;
}
.actionsAccept {
grid-area: accept;
}
.actionsReject {
grid-area: reject;
margin-left: 8px;
}
</style>