diff --git a/web/chat/chat-thread-list-see-more-sidebars.react.js b/web/chat/chat-thread-list-see-more-sidebars.react.js --- a/web/chat/chat-thread-list-see-more-sidebars.react.js +++ b/web/chat/chat-thread-list-see-more-sidebars.react.js @@ -31,7 +31,7 @@ ); return ( - +
See more...
-
+
); } diff --git a/web/chat/chat-thread-list-sidebar.react.js b/web/chat/chat-thread-list-sidebar.react.js --- a/web/chat/chat-thread-list-sidebar.react.js +++ b/web/chat/chat-thread-list-sidebar.react.js @@ -8,10 +8,7 @@ import ChatThreadListItemMenu from './chat-thread-list-item-menu.react.js'; import css from './chat-thread-list.css'; import SidebarItem from './sidebar-item.react.js'; -import { - useOnClickThread, - useThreadIsActive, -} from '../selectors/thread-selectors.js'; +import { useThreadIsActive } from '../selectors/thread-selectors.js'; type Props = { +sidebarInfo: SidebarInfo, @@ -26,18 +23,16 @@ } = threadInfo; const active = useThreadIsActive(threadID); - const onClick = useOnClickThread(threadInfo); let unreadDot; if (unread) { unreadDot =
; } return ( -
{unreadDot}
@@ -46,7 +41,7 @@ mostRecentNonLocalMessage={mostRecentNonLocalMessage} renderStyle="thread" /> -
+
); } diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css --- a/web/chat/chat-thread-list.css +++ b/web/chat/chat-thread-list.css @@ -2,6 +2,13 @@ display: flex; flex-direction: row; } + +.sidebarItem { + display: flex; + flex-direction: row; + width: 100%; +} + .threadListSidebar { display: flex; flex-direction: row; diff --git a/web/chat/sidebar-item.react.js b/web/chat/sidebar-item.react.js --- a/web/chat/sidebar-item.react.js +++ b/web/chat/sidebar-item.react.js @@ -41,15 +41,15 @@ } const { uiName } = useResolvedThreadInfo(threadInfo); return ( - <> + {arrow}
- +
{uiName}
-
- +
+ ); }