chat-thread-list-see-more-sidebars.react.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

chat-thread-list-see-more-sidebars.react.js
View Options

	// @flow

	import classNames from 'classnames';
	import * as React from 'react';
	import { IoIosMore } from 'react-icons/io/index.js';

	import { useModalContext } from 'lib/components/modal-provider.react.js';
	import type { ThreadInfo } from 'lib/types/minimally-encoded-thread-permissions-types.js';

	import css from './chat-thread-list.css';
	import SidebarsModal from '../modals/threads/sidebars/sidebars-modal.react.js';

	type Props = {
	+threadInfo: ThreadInfo,
	+unread: boolean,
	};
	function ChatThreadListSeeMoreSidebars(props: Props): React.Node {
	const { unread, threadInfo } = props;
	const { pushModal, popModal } = useModalContext();

	const onClick = React.useCallback(
	() =>
	pushModal(
	<SidebarsModal
	defaultTab="My Threads"
	threadID={threadInfo.id}
	onClose={popModal}
	/>,
	),
	[popModal, pushModal, threadInfo.id],
	);
	return (
	<a className={classNames(css.thread, css.sidebar)} onClick={onClick}>
	<div className={css.threadButton}>
	<div
	className={classNames({
	[css.sidebarTitle]: true,
	[css.seeMoreButton]: true,
	[css.unread]: unread,
	})}
	>
	<IoIosMore size="22px" />
	<div className={css.seeMoreText}>See more...</div>
	</div>
	</div>
	</a>
	);
	}

	export default ChatThreadListSeeMoreSidebars;