mirror/cherrypick
1
1
Fork 0
mirror of https://github.com/kokonect-link/cherrypick synced 2024-11-30 15:58:19 +09:00
Code

enhance(frontend): チャットをすべて既読に表示するボタンをヘッダーに追加

Browse Source
This commit is contained in:
NoriDev 2023-08-31 17:14:46 +09:00
parent 8375fac998
commit 51eed84e49
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG_CHERRYPICK.md
View File

@ -47,6 +47,7 @@
- Enhance: 대화 페이지 디자인 개선 - Enhance: 대화 페이지 디자인 개선
- Enhance: 유저 페이지 헤더에 유저 메뉴, 팔로우 버튼 추가 - Enhance: 유저 페이지 헤더에 유저 메뉴, 팔로우 버튼 추가
- Enhance: 대화 페이지의 탭을 '다이렉트 메시지 / 그룹'으로 분할 - Enhance: 대화 페이지의 탭을 '다이렉트 메시지 / 그룹'으로 분할
- Enhance: 헤더에 모든 대화를 읽음으로 표시하는 버튼 추가
- Fix: (Friendly) 흐림 효과를 사용할 때 하단 내비게이션 바의 가독성이 매우 떨어지는 문제 - Fix: (Friendly) 흐림 효과를 사용할 때 하단 내비게이션 바의 가독성이 매우 떨어지는 문제
- Fix: (Friendly) 위젯 버튼에서 'UI 애니메이션 줄이기' 옵션이 적용되지 않는 문제 - Fix: (Friendly) 위젯 버튼에서 'UI 애니메이션 줄이기' 옵션이 적용되지 않는 문제
- Fix: (Friendly) 스크롤을 해도 위젯 버튼이 숨겨지지 않는 문제 - Fix: (Friendly) 스크롤을 해도 위젯 버튼이 숨겨지지 않는 문제

10
packages/frontend/src/pages/messaging/index.vue
View File

@ -129,6 +129,10 @@ async function startGroup() {
router.push(`/my/messaging/group/${group.id}`); router.push(`/my/messaging/group/${group.id}`);
} }
async function readAllMessagingMessages() {
await os.apiWithDialog('i/read-all-messaging-messages');
}
onMounted(() => { onMounted(() => {
connection = markRaw(useStream().useChannel('messagingIndex')); connection = markRaw(useStream().useChannel('messagingIndex'));
@ -140,7 +144,7 @@ onMounted(() => {
const _messages = userMessages.concat(groupMessages); const _messages = userMessages.concat(groupMessages);
_messages.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()); _messages.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
messages = _messages; messages = _messages;
fetching = false; fetching = false;
}); });
}); });
@ -157,6 +161,10 @@ const headerActions = $computed(() => [{
icon: 'ti ti-plus', icon: 'ti ti-plus',
text: i18n.ts.create, text: i18n.ts.create,
handler: start, handler: start,
}, {
icon: 'ti ti-check',
text: i18n.ts.markAllAsRead,
handler: readAllMessagingMessages,
}]); }]);
const headerTabs = $computed(() => [{ const headerTabs = $computed(() => [{