Differential D4122 Diff 13095 web/chat/sidebar-modal-item.react.js

Changeset View

Standalone View

				// @flow

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

				import type { SidebarInfo } from 'lib/types/thread-types';

				import { useOnClickThread } from '../selectors/nav-selectors';
				import css from './sidebar-modal-item.css';

				type Props = {
				+sidebar: SidebarInfo,
				+extendArrow?: boolean,
				};

				function SideBarModalItem(props: Props): React.Node {
				ashoatUnsubmitted Not Done Inline Actions "Sidebar" is one word. @palys-swm gave you this feedback in D4066 and D4067, and it hasn't been addressed in either, so I'm a bit worried that you missed it. Requesting changes to make sure you grok this feedback and internalize it, so it doesn't have to be repeated again ashoat: "Sidebar" is one word. @palys-swm gave you this feedback in D4066 and D4067, and it hasn't been…
				const {
				sidebar: { threadInfo },
				extendArrow = false,
				} = props;
				const {
				currentUser: { unread },
				uiName,
				} = threadInfo;

				const onClick = useOnClickThread(threadInfo);

				const sideBarTextCls = classNames(css.sidebarName, { [css.unread]: unread });
				let arrow;
				if (extendArrow) {
				arrow = (
				<img
				src="images/long_arrow.svg"
				className={css.longArrow}
				alt="sidebar arrow"
				/>
				);
				} else {
				arrow = (
				<img src="images/arrow.svg" className={css.arrow} alt="sidebar arrow" />
				);
				}

				return (
				<div className={css.container} onClick={onClick}>
				<div className={css.sidebar}>
				{arrow}
				<div className={sideBarTextCls}>{uiName}</div>
				</div>
				</div>
				);
				}

				export default SideBarModalItem;