@@ -203,6 +203,16 @@ const MessageSimpleWithContext = <
203203 </ >
204204 ) ;
205205
206+ const leftAlignmentProps = {
207+ leftThreshold : 100 ,
208+ renderLeftActions : ( ) => ( MessageSwipeContent ? < MessageSwipeContent /> : null ) ,
209+ } ;
210+
211+ const rightAlignmentProps = {
212+ renderRightActions : ( ) => ( MessageSwipeContent ? < MessageSwipeContent /> : null ) ,
213+ rightThreshold : 100 ,
214+ } ;
215+
206216 return (
207217 < View
208218 style = { [
@@ -263,41 +273,21 @@ const MessageSimpleWithContext = <
263273 </ View >
264274
265275 { enableSwipeToReply ? (
266- alignment === 'left' ? (
267- < Swipeable
268- containerStyle = { [ styles . contentWrapper , contentWrapper ] }
269- friction = { 2 }
270- leftThreshold = { 100 }
271- onSwipeableWillOpen = { ( ) => {
272- if ( ! swipeableRef . current ) return ;
273- clearQuotedMessageState ( ) ;
274- setQuotedMessageState ( message ) ;
275- triggerHaptic ( 'impactLight' ) ;
276- swipeableRef . current . close ( ) ;
277- } }
278- ref = { swipeableRef }
279- renderLeftActions = { ( ) => ( MessageSwipeContent ? < MessageSwipeContent /> : null ) }
280- >
281- { renderMessageBubble }
282- </ Swipeable >
283- ) : (
284- < Swipeable
285- containerStyle = { [ styles . contentWrapper , contentWrapper ] }
286- friction = { 2 }
287- onSwipeableWillOpen = { ( ) => {
288- if ( ! swipeableRef . current ) return ;
289- clearQuotedMessageState ( ) ;
290- setQuotedMessageState ( message ) ;
291- triggerHaptic ( 'impactLight' ) ;
292- swipeableRef . current . close ( ) ;
293- } }
294- ref = { swipeableRef }
295- renderRightActions = { ( ) => ( MessageSwipeContent ? < MessageSwipeContent /> : null ) }
296- rightThreshold = { 100 }
297- >
298- { renderMessageBubble }
299- </ Swipeable >
300- )
276+ < Swipeable
277+ containerStyle = { [ styles . contentWrapper , contentWrapper ] }
278+ friction = { 2 }
279+ onSwipeableWillOpen = { ( ) => {
280+ if ( ! swipeableRef . current ) return ;
281+ clearQuotedMessageState ( ) ;
282+ setQuotedMessageState ( message ) ;
283+ triggerHaptic ( 'impactLight' ) ;
284+ swipeableRef . current . close ( ) ;
285+ } }
286+ ref = { swipeableRef }
287+ { ...( alignment === 'left' ? leftAlignmentProps : rightAlignmentProps ) }
288+ >
289+ { renderMessageBubble }
290+ </ Swipeable >
301291 ) : (
302292 renderMessageBubble
303293 ) }
0 commit comments