diff --git a/src/app/components/room-topic-viewer/style.css.ts b/src/app/components/room-topic-viewer/style.css.ts index 4460e3be..d943500c 100644 --- a/src/app/components/room-topic-viewer/style.css.ts +++ b/src/app/components/room-topic-viewer/style.css.ts @@ -19,5 +19,5 @@ export const ModalContent = style({ }); export const ModalTopic = style({ whiteSpace: 'pre-wrap', - wordBreak: 'break-all', + wordBreak: 'break-word', }); diff --git a/src/app/pages/client/direct/Direct.tsx b/src/app/pages/client/direct/Direct.tsx index 8991f7c7..e33fff9f 100644 --- a/src/app/pages/client/direct/Direct.tsx +++ b/src/app/pages/client/direct/Direct.tsx @@ -79,10 +79,10 @@ export function Direct() { const sortedDirects = useMemo(() => { const items = Array.from(directs).sort(factoryRoomIdByActivity(mx)); if (closedCategories.has(DEFAULT_CATEGORY_ID)) { - return items.filter((rId) => roomToUnread.has(rId)); + return items.filter((rId) => roomToUnread.has(rId) || rId === selectedRoomId); } return items; - }, [mx, directs, closedCategories, roomToUnread]); + }, [mx, directs, closedCategories, roomToUnread, selectedRoomId]); const virtualizer = useVirtualizer({ count: sortedDirects.length, diff --git a/src/app/pages/client/home/Home.tsx b/src/app/pages/client/home/Home.tsx index bf49d00c..5a93304a 100644 --- a/src/app/pages/client/home/Home.tsx +++ b/src/app/pages/client/home/Home.tsx @@ -106,10 +106,10 @@ export function Home() { : factoryRoomIdByAtoZ(mx) ); if (closedCategories.has(DEFAULT_CATEGORY_ID)) { - return items.filter((rId) => roomToUnread.has(rId)); + return items.filter((rId) => roomToUnread.has(rId) || rId === selectedRoomId); } return items; - }, [mx, rooms, closedCategories, roomToUnread]); + }, [mx, rooms, closedCategories, roomToUnread, selectedRoomId]); const virtualizer = useVirtualizer({ count: sortedRooms.length,