// @flow		// @flow

import invariant from 'invariant';		import invariant from 'invariant';
import _debounce from 'lodash/debounce.js';		import _debounce from 'lodash/debounce.js';
import * as React from 'react';		import * as React from 'react';

import { useModalContext } from 'lib/components/modal-provider.react.js';		import { useModalContext } from 'lib/components/modal-provider.react.js';
		import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';
import type { ChatMessageInfoItem } from 'lib/selectors/chat-selectors.js';		import type { ChatMessageInfoItem } from 'lib/selectors/chat-selectors.js';
		import { useCanEditMessage } from 'lib/shared/edit-messages-utils.js';
import { createMessageReply } from 'lib/shared/message-utils.js';		import { createMessageReply } from 'lib/shared/message-utils.js';
import { useCanCreateReactionFromMessage } from 'lib/shared/reaction-utils.js';		import { useCanCreateReactionFromMessage } from 'lib/shared/reaction-utils.js';
import {		import {
threadHasPermission,		threadHasPermission,
useSidebarExistsOrCanBeCreated,		useSidebarExistsOrCanBeCreated,
} from 'lib/shared/thread-utils.js';		} from 'lib/shared/thread-utils.js';
import { messageTypes } from 'lib/types/message-types-enum.js';		import { messageTypes } from 'lib/types/message-types-enum.js';
import { isComposableMessageType } from 'lib/types/message-types.js';		import { isComposableMessageType } from 'lib/types/message-types.js';
▲ Show 20 Lines • Show All 202 Lines • ▼ Show 20 Lines	return React.useMemo(() => {
return {		return {
actionButtonContent: buttonContent,		actionButtonContent: buttonContent,
onClick: onClickTogglePin,		onClick: onClickTogglePin,
label: isPinned ? 'Unpin' : 'Pin',		label: isPinned ? 'Unpin' : 'Pin',
};		};
}, [canTogglePin, inputState, isPinned, pushModal, item, threadInfo]);		}, [canTogglePin, inputState, isPinned, pushModal, item, threadInfo]);
}		}

		function useMessageEditAction(
		item: ChatMessageInfoItem,
		threadInfo: ThreadInfo,
		): ?MessageTooltipAction {
		const { messageInfo } = item;

		const canEditMessage = useCanEditMessage(threadInfo, messageInfo);

		return React.useMemo(() => {
		if (!canEditMessage) {
		return null;
		}
		const buttonContent = (
		<SWMansionIcon icon="edit-1" size={18} disableFill={false} />
		);
		const onClickEdit = () => {
		// TODO: Enter edit mode
		};
		return {
		actionButtonContent: buttonContent,
		onClick: onClickEdit,
		label: 'Edit',
		};
		}, [canEditMessage]);
		}

function useMessageTooltipActions(		function useMessageTooltipActions(
item: ChatMessageInfoItem,		item: ChatMessageInfoItem,
threadInfo: ThreadInfo,		threadInfo: ThreadInfo,
): $ReadOnlyArray<MessageTooltipAction> {		): $ReadOnlyArray<MessageTooltipAction> {
const sidebarAction = useMessageTooltipSidebarAction(item, threadInfo);		const sidebarAction = useMessageTooltipSidebarAction(item, threadInfo);
const replyAction = useMessageTooltipReplyAction(item, threadInfo);		const replyAction = useMessageTooltipReplyAction(item, threadInfo);
const copyAction = useMessageCopyAction(item);		const copyAction = useMessageCopyAction(item);
const reactAction = useMessageReactAction(item, threadInfo);		const reactAction = useMessageReactAction(item, threadInfo);
const togglePinAction = useMessageTogglePinAction(item, threadInfo);		const togglePinAction = useMessageTogglePinAction(item, threadInfo);
		const editAction = useMessageEditAction(item, threadInfo);
return React.useMemo(		return React.useMemo(
() =>		() =>
[		[
replyAction,		replyAction,
sidebarAction,		sidebarAction,
copyAction,		copyAction,
reactAction,		reactAction,
togglePinAction,		togglePinAction,
		editAction,
].filter(Boolean),		].filter(Boolean),
[replyAction, sidebarAction, copyAction, reactAction, togglePinAction],		[
		replyAction,
		sidebarAction,
		copyAction,
		reactAction,
		togglePinAction,
		editAction,
		],
);		);
}		}

type UseMessageTooltipArgs = {		type UseMessageTooltipArgs = {
+availablePositions: $ReadOnlyArray<TooltipPosition>,		+availablePositions: $ReadOnlyArray<TooltipPosition>,
+item: ChatMessageInfoItem,		+item: ChatMessageInfoItem,
+threadInfo: ThreadInfo,		+threadInfo: ThreadInfo,
};		};
▲ Show 20 Lines • Show All 187 Lines • Show Last 20 Lines

[lib] Support image avatars in DM thread-actionClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 44027

lib/actions/thread-actions.js

[lib] Support image avatars in DM thread-action
ClosedPublic
Actions

Revision Contents
Changeset List