Moves message details into React pane land

This commit is contained in:
Josh Perez 2022-12-21 15:44:23 -05:00 committed by GitHub
parent 3def746014
commit a80c6d89a8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
20 changed files with 501 additions and 558 deletions

View file

@ -23,12 +23,12 @@ import type {
PropsData as MessagePropsData,
PropsHousekeeping,
} from './Message';
import type { PushPanelForConversationActionType } from '../../state/ducks/conversations';
import { doesMessageBodyOverflow } from './MessageBodyReadMore';
import type { Props as ReactionPickerProps } from './ReactionPicker';
import { ConfirmationDialog } from '../ConfirmationDialog';
import { useToggleReactionPicker } from '../../hooks/useKeyboardShortcuts';
import { PanelType } from '../../types/Panels';
import type { PushPanelForConversationActionType } from '../../state/ducks/conversations';
export type PropsData = {
canDownload: boolean;
@ -46,8 +46,8 @@ export type PropsActions = {
messageId: string;
}) => void;
deleteMessageForEveryone: (id: string) => void;
toggleForwardMessageModal: (id: string) => void;
pushPanelForConversation: PushPanelForConversationActionType;
toggleForwardMessageModal: (id: string) => void;
reactToMessage: (
id: string,
{ emoji, remove }: { emoji: string; remove: boolean }
@ -75,42 +75,42 @@ type Trigger = {
*/
export function TimelineMessage(props: Props): JSX.Element {
const {
i18n,
id,
author,
attachments,
author,
canDeleteForEveryone,
canDownload,
canReact,
canReply,
canRetry,
canDeleteForEveryone,
canRetryDeleteForEveryone,
contact,
payment,
conversationId,
containerElementRef,
containerWidthBreakpoint,
deletedForEveryone,
conversationId,
deleteMessage,
deleteMessageForEveryone,
deletedForEveryone,
direction,
giftBadge,
i18n,
id,
isSelected,
isSticker,
isTapToView,
kickOffAttachmentDownload,
payment,
pushPanelForConversation,
reactToMessage,
setQuoteByMessageId,
renderReactionPicker,
renderEmojiPicker,
retryMessageSend,
renderReactionPicker,
retryDeleteForEveryone,
retryMessageSend,
saveAttachment,
selectedReaction,
toggleForwardMessageModal,
setQuoteByMessageId,
text,
timestamp,
kickOffAttachmentDownload,
saveAttachment,
toggleForwardMessageModal,
} = props;
const [reactionPickerRoot, setReactionPickerRoot] = useState<
@ -410,7 +410,7 @@ export function TimelineMessage(props: Props): JSX.Element {
canDeleteForEveryone ? () => setHasDOEConfirmation(true) : undefined
}
onMoreInfo={() =>
pushPanelForConversation(conversationId, {
pushPanelForConversation({
type: PanelType.MessageDetails,
args: { messageId: id },
})