feat: フォローされた際のメッセージを設定できるようにする (#14430)
* feat: フォローされた際のメッセージを設定できるようにする Resolve #14425 * Update CHANGELOG.md * 既にフォローしているユーザーのメッセージも見れるように * Update packages/frontend/src/components/MkNotification.vue Co-authored-by: かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> * fix indent * Update users.ts * wip * Update users.ts --------- Co-authored-by: かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com>
This commit is contained in:
		| @@ -19,7 +19,7 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| 			<span v-if="full" :class="$style.text">{{ i18n.ts.processing }}</span><MkLoading :em="true" :colored="false"/> | ||||
| 		</template> | ||||
| 		<template v-else-if="isFollowing"> | ||||
| 			<span v-if="full" :class="$style.text">{{ i18n.ts.unfollow }}</span><i class="ti ti-minus"></i> | ||||
| 			<span v-if="full" :class="$style.text">{{ i18n.ts.youFollowing }}</span><i class="ti ti-minus"></i> | ||||
| 		</template> | ||||
| 		<template v-else-if="!isFollowing && user.isLocked"> | ||||
| 			<span v-if="full" :class="$style.text">{{ i18n.ts.followRequest }}</span><i class="ti ti-plus"></i> | ||||
|   | ||||
| @@ -119,7 +119,7 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| 					<i class="ti ti-ban"></i> | ||||
| 				</button> | ||||
| 				<button ref="reactButton" :class="$style.footerButton" class="_button" @click="toggleReact()"> | ||||
| 					<i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ti ti-heart-filled" style="color: var(--eventReactionHeart);"></i> | ||||
| 					<i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ti ti-heart-filled" style="color: var(--love);"></i> | ||||
| 					<i v-else-if="appearNote.myReaction != null" class="ti ti-minus" style="color: var(--accent);"></i> | ||||
| 					<i v-else-if="appearNote.reactionAcceptance === 'likeOnly'" class="ti ti-heart"></i> | ||||
| 					<i v-else class="ti ti-plus"></i> | ||||
|   | ||||
| @@ -128,7 +128,7 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| 				<i class="ti ti-ban"></i> | ||||
| 			</button> | ||||
| 			<button ref="reactButton" :class="$style.noteFooterButton" class="_button" @click="toggleReact()"> | ||||
| 				<i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ti ti-heart-filled" style="color: var(--eventReactionHeart);"></i> | ||||
| 				<i v-if="appearNote.reactionAcceptance === 'likeOnly' && appearNote.myReaction != null" class="ti ti-heart-filled" style="color: var(--love);"></i> | ||||
| 				<i v-else-if="appearNote.myReaction != null" class="ti ti-minus" style="color: var(--accent);"></i> | ||||
| 				<i v-else-if="appearNote.reactionAcceptance === 'likeOnly'" class="ti ti-heart"></i> | ||||
| 				<i v-else class="ti ti-plus"></i> | ||||
|   | ||||
| @@ -108,7 +108,14 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||
| 			<template v-else-if="notification.type === 'follow'"> | ||||
| 				<span :class="$style.text" style="opacity: 0.6;">{{ i18n.ts.youGotNewFollower }}</span> | ||||
| 			</template> | ||||
| 			<span v-else-if="notification.type === 'followRequestAccepted'" :class="$style.text" style="opacity: 0.6;">{{ i18n.ts.followRequestAccepted }}</span> | ||||
| 			<template v-else-if="notification.type === 'followRequestAccepted'"> | ||||
| 				<div :class="$style.text" style="opacity: 0.6;">{{ i18n.ts.followRequestAccepted }}</div> | ||||
| 				<div v-if="notification.message" :class="$style.text" style="opacity: 0.6; font-style: oblique;"> | ||||
| 					<i class="ti ti-quote" :class="$style.quote"></i> | ||||
| 					<span>{{ notification.message }}</span> | ||||
| 					<i class="ti ti-quote" :class="$style.quote"></i> | ||||
| 				</div> | ||||
| 			</template> | ||||
| 			<template v-else-if="notification.type === 'receiveFollowRequest'"> | ||||
| 				<span :class="$style.text" style="opacity: 0.6;">{{ i18n.ts.receiveFollowRequest }}</span> | ||||
| 				<div v-if="full && !followRequestDone" :class="$style.followRequestCommands"> | ||||
| @@ -211,6 +218,14 @@ function getActualReactedUsersCount(notification: Misskey.entities.Notification) | ||||
| 	overflow-wrap: break-word; | ||||
| 	display: flex; | ||||
| 	contain: content; | ||||
|  | ||||
| 	--eventFollow: #36aed2; | ||||
| 	--eventRenote: #36d298; | ||||
| 	--eventReply: #007aff; | ||||
| 	--eventReactionHeart: var(--love); | ||||
| 	--eventReaction: #e99a0b; | ||||
| 	--eventAchievement: #cb9a11; | ||||
| 	--eventOther: #88a6b7; | ||||
| } | ||||
|  | ||||
| .head { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user
	 syuilo
					syuilo