fix(iOS): message press effect is not visible (#7042)

Author: Rohit3523

app/containers/message/Message.tsx

@@ -26,7 +26,7 @@ import MessageTime from './Time';
 import { useResponsiveLayout } from '../../lib/hooks/useResponsiveLayout/useResponsiveLayout';
 import Quote from './Components/Attachments/Quote';
 import translationLanguages from '../../lib/constants/translationLanguages';
-import Touchable from '../Touchable';
+import Touch from './Touch';
 
 const MessageInner = React.memo((props: IMessageInner) => {
 	const { isLargeFontScale } = useResponsiveLayout();
@@ -237,15 +237,15 @@ const MessageTouchable = React.memo((props: IMessageTouchable & IMessage) => {
 	return (
 		<A11y.Order>
 			<A11y.Index index={1}>
-				<Touchable
+				<Touch
 					onLongPress={onLongPress}
 					onPress={onPress}
 					disabled={
 						(props.isInfo && !props.isThreadReply) || props.archived || props.isTemp || props.type === 'jitsi_call_started'
 					}
 					style={{ backgroundColor }}>
 					<Message {...props} />
-				</Touchable>
+				</Touch>
 			</A11y.Index>
 		</A11y.Order>
 	);

app/containers/Touchable.tsx app/containers/message/Touch.tsxapp/containers/Touchable.tsx renamed to app/containers/message/Touch.tsx

@@ -11,8 +11,8 @@ import {
 	type TouchableWithoutFeedbackProps
 } from 'react-native';
 
-import { useTheme } from '../theme';
-import { isIOS } from '../lib/methods/helpers';
+import { useTheme } from '../../theme';
+import { isIOS } from '../../lib/methods/helpers';
 
 export interface ITouchProps extends TouchableWithoutFeedbackProps {
 	children: React.ReactNode;
@@ -29,7 +29,7 @@ export interface ITouchProps extends TouchableWithoutFeedbackProps {
 
 const Component = isIOS ? TouchableOpacity : TouchableNativeFeedback;
 
-const Touchable = React.forwardRef<View, ITouchProps>(
+const Touch = React.forwardRef<View, ITouchProps>(
 	(
 		{
 			children,
@@ -78,10 +78,9 @@ const Touchable = React.forwardRef<View, ITouchProps>(
 			marginStart,
 			marginTop
 		};
-		const androidProps = isIOS
+		const touchableProps = isIOS
 			? {}
 			: { background: TouchableNativeFeedback.Ripple(android_rippleColor ?? colors.surfaceNeutral, false) };
-		const touchableProps = isIOS ? { activeOpacity: 1 } : {};
 
 		return (
 			<Component
@@ -90,7 +89,6 @@ const Touchable = React.forwardRef<View, ITouchProps>(
 				style={[rectButtonStyle, marginStyles, { backgroundColor, borderRadius }]}
 				disabled={!enabled}
 				{...touchableProps}
-				{...androidProps}
 				{...props}>
 				<View
 					accessible={accessible}
@@ -107,4 +105,4 @@ const Touchable = React.forwardRef<View, ITouchProps>(
 	}
 );
 
-export default Touchable;
+export default Touch;