Show All 20 Lines
import {		import {
useServerCall,		useServerCall,
useDispatchActionPromise,		useDispatchActionPromise,
} from 'lib/utils/action-utils';		} from 'lib/utils/action-utils';

import MenuItem from '../components/menu-item.react';		import MenuItem from '../components/menu-item.react';
import Menu from '../components/menu.react';		import Menu from '../components/menu.react';
import SidebarListModal from '../modals/chat/sidebar-list-modal.react';		import SidebarListModal from '../modals/chat/sidebar-list-modal.react';
		import SidebarPromoteModal from '../modals/chat/sidebar-promote-modal.react';
import { useModalContext } from '../modals/modal-provider.react';		import { useModalContext } from '../modals/modal-provider.react';
import ConfirmLeaveThreadModal from '../modals/threads/confirm-leave-thread-modal.react';		import ConfirmLeaveThreadModal from '../modals/threads/confirm-leave-thread-modal.react';
import ThreadMembersModal from '../modals/threads/members/members-modal.react';		import ThreadMembersModal from '../modals/threads/members/members-modal.react';
import SubchannelsModal from '../modals/threads/subchannels/subchannels-modal.react';		import SubchannelsModal from '../modals/threads/subchannels/subchannels-modal.react';
import ThreadSettingsModal from '../modals/threads/thread-settings-modal.react';		import ThreadSettingsModal from '../modals/threads/thread-settings-modal.react';
import { useSelector } from '../redux/redux-utils';		import { useSelector } from '../redux/redux-utils';
import SWMansionIcon from '../SWMansionIcon.react';		import SWMansionIcon from '../SWMansionIcon.react';
import css from './thread-menu.css';		import css from './thread-menu.css';
▲ Show 20 Lines • Show All 154 Lines • ▼ Show 20 Lines	return (
text="Leave Thread"		text="Leave Thread"
icon="logout"		icon="logout"
dangerous		dangerous
onClick={onClickLeaveThread}		onClick={onClickLeaveThread}
/>		/>
);		);
}, [onClickLeaveThread, threadInfo]);		}, [onClickLeaveThread, threadInfo]);

		const onClickPromoteSidebarToThread = React.useCallback(
		() =>
		pushModal(
		<SidebarPromoteModal
		threadInfo={threadInfo}
		onClose={popModal}
		onConfirm={onPromoteSidebar}
		/>,
		),
		[pushModal, threadInfo, popModal, onPromoteSidebar],
		);

const promoteSidebar = React.useMemo(() => {		const promoteSidebar = React.useMemo(() => {
return (		return (
<MenuItem		<MenuItem
key="promote"		key="promote"
text="Promote Thread"		text="Promote Thread"
icon="message-square-lines"		icon="message-square-lines"
onClick={onPromoteSidebar}		onClick={onClickPromoteSidebarToThread}
/>		/>
);		);
}, [onPromoteSidebar]);		}, [onClickPromoteSidebarToThread]);

const menuItems = React.useMemo(() => {		const menuItems = React.useMemo(() => {
const notificationsItem = (		const notificationsItem = (
<MenuItem key="notifications" text="Notifications" icon="bell" />		<MenuItem key="notifications" text="Notifications" icon="bell" />
);		);
const separator = <hr key="separator" className={css.separator} />;		const separator = <hr key="separator" className={css.separator} />;

// TODO: Enable menu items when the modals are implemented		// TODO: Enable menu items when the modals are implemented
Show All 33 Lines

[web] Memoize `Chat` componentClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 12321

web/chat/chat.react.js

[web] Memoize `Chat` component
ClosedPublic
Actions

Revision Contents
Changeset List