chat-thread-list-sidebar.react.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

chat-thread-list-sidebar.react.js
View Options

	// @flow

	import classNames from 'classnames';
	import * as React from 'react';

	import type { SidebarThreadItem } from 'lib/shared/sidebar-item-utils.js';

	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 { useThreadIsActive } from '../selectors/thread-selectors.js';

	type Props = {
	+sidebarItem: SidebarThreadItem,
	+isSubsequentItem: boolean,
	};
	function ChatThreadListSidebar(props: Props): React.Node {
	const { sidebarItem, isSubsequentItem } = props;
	const { threadInfo, mostRecentNonLocalMessage } = sidebarItem;
	const {
	currentUser: { unread },
	id: threadID,
	} = threadInfo;
	const active = useThreadIsActive(threadID);

	let unreadDot;
	if (unread) {
	unreadDot = <div className={css.unreadDot} />;
	}

	return (
	<div
	className={classNames(css.threadListSidebar, css.sidebar, {
	[css.activeThread]: active,
	})}
	>
	<div className={css.dotContainer}>{unreadDot}</div>
	<SidebarItem sidebarItem={sidebarItem} extendArrow={isSubsequentItem} />
	<ChatThreadListItemMenu
	threadInfo={threadInfo}
	mostRecentNonLocalMessage={mostRecentNonLocalMessage}
	renderStyle="thread"
	/>
	</div>
	);
	}

	export default ChatThreadListSidebar;