enhance(sw): 푸시 알림 개선

리액션 알림 디자인 개선

CHANGELOG_CHERRYPICK.md

@@ -94,6 +94,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
   - 개인간 대화 알림을 받았을 때, 대화 내용을 푸시 알림에 표시
   - 그룹간 대화 알림을 받았을 때, 채팅을 보낸 사용자와 내용을 표시
   - 팔로우 알림에 Acct 및 host 정보 표시
+  - 리액션 알림 디자인 개선
 - Enhance: 사용자 반응 목록 API 성능 향상 (MisskeyIO/misskey#278)
 - Fix: RedisKVCache에서 Redis에서 읽은 값을 MemoryKVCache에 다시 쓰기 (MisskeyIO/misskey#289)
 - Fix: redisForJobQueue 연결 사용 (MisskeyIO/misskey#268)

locales/en-US.yml

@@ -2457,6 +2457,7 @@ _notification:
   youGotMention: "{name} mentioned you"
   youGotReply: "{name} replied to you"
   youGotQuote: "{name} quoted you"
+  youGotReact: "{name} reacted to you"
   youRenoted: "Renote from {name}"
   youWereFollowed: "followed you"
   youReceivedFollowRequest: "You've received a follow request"

locales/index.d.ts

@@ -2643,6 +2643,7 @@ export interface Locale {
         "youGotMention": string;
         "youGotReply": string;
         "youGotQuote": string;
+        "youGotReact": string;
         "youRenoted": string;
         "youWereFollowed": string;
         "youReceivedFollowRequest": string;

locales/ja-JP.yml

@@ -2541,6 +2541,7 @@ _notification:
   youGotMention: "{name}からのメンション"
   youGotReply: "{name}からのリプライ"
   youGotQuote: "{name}による引用"
+  youGotReact: "{name}が反応しました"
   youRenoted: "{name}がRenoteしました"
   youWereFollowed: "フォローされました"
   youReceivedFollowRequest: "フォローリクエストが来ました"

locales/ko-KR.yml

@@ -2473,6 +2473,7 @@ _notification:
   youGotMention: "{name} 님이 나를 멘션했어요!"
   youGotReply: "{name} 님이 답글을 달았어요!"
   youGotQuote: "{name} 님이 인용했어요!"
+  youGotReact: "{name} 님이 반응했어요!"
   youRenoted: "{name} 님이 리노트했어요!"
   youWereFollowed: "새로운 팔로워가 있어요!"
   youReceivedFollowRequest: "새로운 팔로우 요청이 있어요!"

packages/sw/src/scripts/create-notification.ts

@@ -162,8 +162,8 @@ async function composeNotification(data: PushNotificationDataMap[keyof PushNotif
 					}
 
 					const tag = `reaction:${data.body.note.id}`;
-					return [`${reaction} ${getUserName(data.body.user)}`, {
+					return [t('_notification.youGotReact', { name: getUserName(data.body.user) }), {
-						body: data.body.note.text ?? '',
+						body: reaction + '\n' + data.body.note.text ?? '',
 						icon: data.body.user.avatarUrl,
 						tag,
 						badge,