D3444.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D3444.diff
View Options

	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
	@@ -19,10 +19,17 @@
	function ChatThreadListSidebar(props: Props): React.Node {
	const { sidebarInfo } = props;
	const { threadInfo, mostRecentNonLocalMessage } = sidebarInfo;
	- const threadID = threadInfo.id;
	+ const {
	+ currentUser: { unread },
	+ id: threadID,
	+ } = threadInfo;
	const active = useThreadIsActive(threadID);

	const onClick = useOnClickThread(threadInfo);
	+ let unreadDot;
	+ if (unread) {
	+ unreadDot = <div className={css.unreadDot} />;
	+ }

	return (
	<div
	@@ -31,6 +38,7 @@
	})}
	onClick={onClick}
	>
	+ <div className={css.dotContainer}>{unreadDot}</div>
	<SidebarItem sidebarInfo={sidebarInfo} />
	<ChatThreadListItemMenu
	threadInfo={threadInfo}
	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
	@@ -11,7 +11,6 @@
	display: flex;
	flex-direction: row;
	height: 32px;
	- padding-left: 16px;
	padding-right: 10px;
	position: relative;
	cursor: pointer;
	@@ -158,6 +157,9 @@
	color: var(--thread-color-read);
	align-self: flex-start;
	}
	+div.threadListSidebar > div.dotContainer {
	+ width: 16px;
	+}
	div.sidebarTitle.unread {
	color: var(--fg);
	}