Differential D7011 Diff 23562 native/chat/reaction-selection-popover.react.js

Changeset View

Standalone View

native/chat/reaction-selection-popover.react.js

	Show All 18 Lines
	};			};

	function ReactionSelectionPopover<RouteName: $Keys<TooltipModalParamList>>(			function ReactionSelectionPopover<RouteName: $Keys<TooltipModalParamList>>(
	props: Props<RouteName>,			props: Props<RouteName>,
	): React.Node {			): React.Node {
	const { navigation, route, openEmojiPicker, sendReaction } = props;			const { navigation, route, openEmojiPicker, sendReaction } = props;

	const { verticalBounds, initialCoordinates, margin } = route.params;			const { verticalBounds, initialCoordinates, margin } = route.params;
	const reactionSelectionPopoverContainerStyle =			const { containerStyle: popoverContainerStyle } =
	useReactionSelectionPopoverPosition({			useReactionSelectionPopoverPosition({
	initialCoordinates,			initialCoordinates,
	verticalBounds,			verticalBounds,
	margin,			margin,
	});			});

	const styles = useStyles(unboundStyles);			const styles = useStyles(unboundStyles);

	const containerStyle = React.useMemo(			const containerStyle = React.useMemo(
	() => [			() => [styles.reactionSelectionPopoverContainer, popoverContainerStyle],
	styles.reactionSelectionPopoverContainer,			[popoverContainerStyle, styles.reactionSelectionPopoverContainer],
	reactionSelectionPopoverContainerStyle,
	],
	[
	reactionSelectionPopoverContainerStyle,
	styles.reactionSelectionPopoverContainer,
	],
	);			);

	const tooltipRouteKey = route.key;			const tooltipRouteKey = route.key;
	const { hideTooltip, dismissTooltip } = useTooltipActions(			const { hideTooltip, dismissTooltip } = useTooltipActions(
	navigation,			navigation,
	tooltipRouteKey,			tooltipRouteKey,
	);			);

	▲ Show 20 Lines • Show All 78 Lines • Show Last 20 Lines