Differential D7067 Diff 24033 native/chat/composed-message-width.js

Changeset View

Standalone View

	// @flow			// @flow

				import { avatarOffset } from './chat-constants.js';
	import { useSelector } from '../redux/redux-utils.js';			import { useSelector } from '../redux/redux-utils.js';
				import { useShouldRenderAvatars } from '../utils/avatar-utils.js';

	function useMessageListScreenWidth(): number {			function useMessageListScreenWidth(): number {
	return useSelector(state => {			return useSelector(state => {
	const { dimensions } = state;			const { dimensions } = state;
	return dimensions.rotated ? dimensions.height : dimensions.width;			return dimensions.rotated ? dimensions.height : dimensions.width;
	});			});
	}			}

	// Keep sorta synced with styles.alignment/styles.messageBox in ComposedMessage			// Keep sorta synced with styles.alignment/styles.messageBox in ComposedMessage
	function useComposedMessageMaxWidth(): number {			function useComposedMessageMaxWidth(): number {
	const messageListScreenWidth = useMessageListScreenWidth();			const messageListScreenWidth = useMessageListScreenWidth();
				const shouldRenderAvatars = useShouldRenderAvatars();

				if (shouldRenderAvatars) {
				return (messageListScreenWidth - 24 - avatarOffset) * 0.8;
				}

	return (messageListScreenWidth - 24) * 0.8;			return (messageListScreenWidth - 24) * 0.8;
	}			}

	export { useMessageListScreenWidth, useComposedMessageMaxWidth };			export { useMessageListScreenWidth, useComposedMessageMaxWidth };