Differential D7067 Diff 24033 native/chat/multimedia-message-tooltip-button.react.js

Changeset View

Standalone View

native/chat/multimedia-message-tooltip-button.react.js

// @flow		// @flow

import * as React from 'react';		import * as React from 'react';
import Animated from 'react-native-reanimated';		import Animated from 'react-native-reanimated';
import EmojiPicker from 'rn-emoji-keyboard';		import EmojiPicker from 'rn-emoji-keyboard';

import { localIDPrefix } from 'lib/shared/message-utils.js';		import { localIDPrefix } from 'lib/shared/message-utils.js';
import { useCanCreateReactionFromMessage } from 'lib/shared/reaction-utils.js';		import { useCanCreateReactionFromMessage } from 'lib/shared/reaction-utils.js';

import { TooltipInlineEngagement } from './inline-engagement.react.js';		import { TooltipInlineEngagement } from './inline-engagement.react.js';
import { InnerMultimediaMessage } from './inner-multimedia-message.react.js';		import { InnerMultimediaMessage } from './inner-multimedia-message.react.js';
import { MessageHeader } from './message-header.react.js';		import { MessageHeader } from './message-header.react.js';
		import MessageTooltipButtonAvatar from './message-tooltip-button-avatar.react.js';
import { useSendReaction } from './reaction-message-utils.js';		import { useSendReaction } from './reaction-message-utils.js';
import ReactionSelectionPopover from './reaction-selection-popover.react.js';		import ReactionSelectionPopover from './reaction-selection-popover.react.js';
import SidebarInputBarHeightMeasurer from './sidebar-input-bar-height-measurer.react.js';		import SidebarInputBarHeightMeasurer from './sidebar-input-bar-height-measurer.react.js';
import { useAnimatedMessageTooltipButton } from './utils.js';		import { useAnimatedMessageTooltipButton } from './utils.js';
import type { AppNavigationProp } from '../navigation/app-navigator.react.js';		import type { AppNavigationProp } from '../navigation/app-navigator.react.js';
import { useSelector } from '../redux/redux-utils.js';		import { useSelector } from '../redux/redux-utils.js';
import { useTooltipActions } from '../tooltip/tooltip-hooks.js';		import { useTooltipActions } from '../tooltip/tooltip-hooks.js';
import type { TooltipRoute } from '../tooltip/tooltip.react.js';		import type { TooltipRoute } from '../tooltip/tooltip.react.js';
▲ Show 20 Lines • Show All 135 Lines • ▼ Show 20 Lines	<>
<Animated.View style={messageContainerStyle}>		<Animated.View style={messageContainerStyle}>
<SidebarInputBarHeightMeasurer		<SidebarInputBarHeightMeasurer
sourceMessage={item}		sourceMessage={item}
onInputBarMeasured={onInputBarMeasured}		onInputBarMeasured={onInputBarMeasured}
/>		/>
<Animated.View style={headerStyle}>		<Animated.View style={headerStyle}>
<MessageHeader item={item} focused={true} display="modal" />		<MessageHeader item={item} focused={true} display="modal" />
</Animated.View>		</Animated.View>
		<MessageTooltipButtonAvatar item={item} />
{reactionSelectionPopover}		{reactionSelectionPopover}
{innerMultimediaMessage}		{innerMultimediaMessage}
{inlineEngagement}		{inlineEngagement}
</Animated.View>		</Animated.View>
<EmojiPicker		<EmojiPicker
onEmojiSelected={onEmojiSelected}		onEmojiSelected={onEmojiSelected}
open={emojiPickerOpen}		open={emojiPickerOpen}
onClose={dismissTooltip}		onClose={dismissTooltip}
/>		/>
</>		</>
);		);
}		}

export default MultimediaMessageTooltipButton;		export default MultimediaMessageTooltipButton;