	// @flow			// @flow

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

	import {			import useToggleUnreadStatus from 'lib/hooks/toggle-unread-status';
	setThreadUnreadStatusActionTypes,
	setThreadUnreadStatus,
	} from 'lib/actions/activity-actions';
	import type {
	SetThreadUnreadStatusPayload,
	SetThreadUnreadStatusRequest,
	} from 'lib/types/activity-types';
	import type { ThreadInfo } from 'lib/types/thread-types';			import type { ThreadInfo } from 'lib/types/thread-types';
	import {
	useServerCall,
	useDispatchActionPromise,
	} from 'lib/utils/action-utils';

	import SWMansionIcon from '../SWMansionIcon.react';			import SWMansionIcon from '../SWMansionIcon.react';
	import css from './chat-thread-list.css';			import css from './chat-thread-list.css';

	type Props = {			type Props = {
	+threadInfo: ThreadInfo,			+threadInfo: ThreadInfo,
	+mostRecentNonLocalMessage: ?string,			+mostRecentNonLocalMessage: ?string,
	+renderStyle?: 'chat' \| 'thread',			+renderStyle?: 'chat' \| 'thread',
	};			};
	function ChatThreadListItemMenu(props: Props): React.Node {			function ChatThreadListItemMenu(props: Props): React.Node {
	const { renderStyle = 'chat' } = props;			const { renderStyle = 'chat' } = props;
	const [menuVisible, setMenuVisible] = React.useState(false);			const [menuVisible, setMenuVisible] = React.useState(false);

	const toggleMenu = React.useCallback(() => {			const toggleMenu = React.useCallback(() => {
	setMenuVisible(!menuVisible);			setMenuVisible(!menuVisible);
	}, [menuVisible]);			}, [menuVisible]);

	const hideMenu = React.useCallback(() => {			const hideMenu = React.useCallback(() => {
	setMenuVisible(false);			setMenuVisible(false);
	}, []);			}, []);

	const { threadInfo, mostRecentNonLocalMessage } = props;			const { threadInfo, mostRecentNonLocalMessage } = props;
	const dispatchActionPromise = useDispatchActionPromise();			const toggleUnreadStatus = useToggleUnreadStatus(
	const boundSetThreadUnreadStatus: (
	request: SetThreadUnreadStatusRequest,
	) => Promise<SetThreadUnreadStatusPayload> = useServerCall(
	setThreadUnreadStatus,
	);
	const toggleUnreadStatus = React.useCallback(() => {
	const { unread } = threadInfo.currentUser;
	const request = {
	threadID: threadInfo.id,
	unread: !unread,
	latestMessage: mostRecentNonLocalMessage,
	};
	dispatchActionPromise(
	setThreadUnreadStatusActionTypes,
	boundSetThreadUnreadStatus(request),
	undefined,
	{
	threadID: threadInfo.id,
	unread: !unread,
	},
	);
	hideMenu();
	}, [
	threadInfo,			threadInfo,
	mostRecentNonLocalMessage,			mostRecentNonLocalMessage,
	dispatchActionPromise,
	hideMenu,			hideMenu,
	boundSetThreadUnreadStatus,			);
	]);

	const toggleUnreadStatusButtonText = `Mark as ${			const toggleUnreadStatusButtonText = `Mark as ${
	threadInfo.currentUser.unread ? 'read' : 'unread'			threadInfo.currentUser.unread ? 'read' : 'unread'
	}`;			}`;

	const menuIconSize = renderStyle === 'chat' ? 24 : 16;			const menuIconSize = renderStyle === 'chat' ? 24 : 16;
	const btnCls = classNames(css.menuContent, {			const btnCls = classNames(css.menuContent, {
	[css.menuContentVisible]: menuVisible,			[css.menuContentVisible]: menuVisible,
	});			});
	Show All 15 Lines

[lib] refactor setting device token in `keyserver-reducer` to opsClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 35947

lib/reducers/keyserver-reducer.js

[lib] refactor setting device token in `keyserver-reducer` to ops
ClosedPublic
Actions

Revision Contents
Changeset List