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 (
-
+
-
+
);
}
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}
-
+
+
);
}