From fdc5b94026d54e27546cd0d5f428a6b40398238e Mon Sep 17 00:00:00 2001 From: Diego Mello Date: Thu, 2 Jul 2026 13:44:49 -0300 Subject: [PATCH] fix: reset RoomItem press highlight after leaving a room The room row kept its pressed highlight after entering a room and navigating back. A legacy RectButton (old gesture-handler API) was nested inside a new GestureDetector; the two arbitration systems do not cooperate, so the button's press-out (which clears the highlight) was dropped when navigation fired synchronously on press. Drop RectButton and drive the highlight from a Gesture.Tap in the same Gesture.Race tree as pan and long-press. Clear it in .onFinalize, which runs on the UI thread for every terminal outcome (success, cancel, or interrupted-by-navigation), so it can no longer get stuck. --- app/containers/RoomItem/Touchable.tsx | 40 +- .../__snapshots__/RoomItem.test.tsx.snap | 21078 +++++++--------- 2 files changed, 9055 insertions(+), 12063 deletions(-) diff --git a/app/containers/RoomItem/Touchable.tsx b/app/containers/RoomItem/Touchable.tsx index 7d6ac7d3a2f..fbedfd161e1 100644 --- a/app/containers/RoomItem/Touchable.tsx +++ b/app/containers/RoomItem/Touchable.tsx @@ -1,5 +1,5 @@ import { useRef, memo, type ReactElement } from 'react'; -import Animated, { useSharedValue, useAnimatedStyle, withSpring } from 'react-native-reanimated'; +import Animated, { useSharedValue, useAnimatedStyle, withSpring, interpolateColor } from 'react-native-reanimated'; import { Gesture, GestureDetector, @@ -7,8 +7,8 @@ import { type PanGestureHandlerEventPayload } from 'react-native-gesture-handler'; import { scheduleOnRN } from 'react-native-worklets'; +import { KeyboardFocusView } from 'react-native-external-keyboard'; -import Touch from '../Touch'; import { ACTION_WIDTH, LONG_SWIPE, SMALL_SWIPE } from './styles'; import { LeftActions, RightActions } from './Actions'; import { type ITouchableProps } from './interfaces'; @@ -38,6 +38,7 @@ const Touchable = ({ const rowOffSet = useSharedValue(0); const transX = useSharedValue(0); const rowState = useSharedValue(0); // 0: closed, 1: right opened, -1: left opened + const pressed = useSharedValue(0); const valueRef = useRef(0); const close = () => { @@ -188,14 +189,35 @@ const Touchable = ({ scheduleOnRN(handleRelease, event); }); + const tapGesture = Gesture.Tap() + .onBegin(() => { + pressed.value = 1; + }) + .onFinalize(() => { + pressed.value = 0; + }) + .onEnd((_e, success) => { + if (success) { + scheduleOnRN(handlePress); + } + }); + // Use Race instead of Simultaneous to prevent conflicts // Pan gesture will take priority over long press for horizontal swipes - const composedGesture = Gesture.Race(panGesture, longPressGesture); + const composedGesture = Gesture.Race(panGesture, tapGesture, longPressGesture); const animatedStyles = useAnimatedStyle(() => ({ transform: [{ translateX: transX.value }] })); + const pressAnimatedStyle = useAnimatedStyle(() => ({ + backgroundColor: interpolateColor( + pressed.value, + [0, 1], + [isFocused ? colors.surfaceTint : colors.surfaceRoom, colors.surfaceNeutral] + ) + })); + return ( @@ -215,15 +237,9 @@ const Touchable = ({ displayMode={displayMode} /> - - {children} - + + {children} + diff --git a/app/containers/RoomItem/__snapshots__/RoomItem.test.tsx.snap b/app/containers/RoomItem/__snapshots__/RoomItem.test.tsx.snap index fecaa188218..d12384cc81b 100644 --- a/app/containers/RoomItem/__snapshots__/RoomItem.test.tsx.snap +++ b/app/containers/RoomItem/__snapshots__/RoomItem.test.tsx.snap @@ -366,281 +366,227 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat - - - - 10:00 - - + ], + ] + } + > + 10:00 + - + , @@ -1008,245 +954,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + unread + + -  - + } + > - unread + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -1691,245 +1583,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + unread + + -  - + } + > - unread + 10:00 - 10:00 + +999 - - - +999 - - - + , @@ -2374,245 +2212,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - +  + + + user mentions + + -  + 10:00 - - user mentions - - - 10:00 + 1 - - - 1 - - - + , @@ -3057,245 +2841,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - -  - - - group mentions + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + + + group mentions + + + + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -3740,245 +3470,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + thread unread + + -  - + } + > - thread unread + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -4423,245 +4099,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - - - + + + + - +  + + + thread unread user + + -  - + } + > - thread unread user + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -5106,245 +4728,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + thread unread group + + -  - + } + > - thread unread group + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -5789,245 +5357,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + user mentions priority 1 + + -  - + } + > - user mentions priority 1 + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -6472,245 +5986,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + group mentions priority 2 + + -  - + } + > - group mentions priority 2 + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -7155,245 +6615,243 @@ exports[`Story Snapshots: Alerts should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + thread unread priority 3 + + -  - + } + > - thread unread priority 3 + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -7842,209 +7248,185 @@ exports[`Story Snapshots: Basic should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + @@ -8473,245 +7825,243 @@ exports[`Story Snapshots: CondensedRoomItem should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={36} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -9156,245 +8454,243 @@ exports[`Story Snapshots: CondensedRoomItem should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={36} + /> + + - - +  + + + unread + + -  - + } + > - unread + 10:00 - 10:00 + +999 - - - +999 - - - + , @@ -9839,209 +9083,221 @@ exports[`Story Snapshots: CondensedRoomItem should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - + + + - +  + + - - + > + rocket.cat + -  + Auto-join + + - rocket.cat + 10:00 - - - Auto-join - - - - - 10:00 - - - + , @@ -10507,86 +9697,48 @@ exports[`Story Snapshots: CondensedRoomItemWithoutAvatar should match snapshot 1 onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - 10:00 + 1 - - - 1 - - - + , @@ -11134,86 +10270,48 @@ exports[`Story Snapshots: CondensedRoomItemWithoutAvatar should match snapshot 1 onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -11705,86 +10787,48 @@ exports[`Story Snapshots: CondensedRoomItemWithoutAvatar should match snapshot 1 onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - -  - + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + + - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + Auto-join - + + - - Auto-join - - - - - 10:00 - - + 10:00 + - + , @@ -12317,83 +11345,42 @@ exports[`Story Snapshots: ExpandedRoomItemWithoutAvatar should match snapshot 1` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - +  + + + + -  + rocket.cat - - - - - rocket.cat - - - 10:00 - - + ], + ] + } + > + 10:00 + + + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + 1 - - - 1 - - - + , @@ -12990,83 +11964,42 @@ exports[`Story Snapshots: ExpandedRoomItemWithoutAvatar should match snapshot 1` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - -  - - - - + + + + - + - rocket.cat - - - 10:00 - - + ], + ] + } + > + 10:00 + + + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + 1 - - - 1 - - - + , @@ -13663,83 +12583,42 @@ exports[`Story Snapshots: ExpandedRoomItemWithoutAvatar should match snapshot 1` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - +  + + + + -  + rocket.cat - - - - - rocket.cat - - - 10:00 - - - - - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries - - + 10:00 + - - - - - - , -] -`; - -exports[`Story Snapshots: InvitedRoom should match snapshot 1`] = ` -[ - - + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + + + + + + + + , +] +`; + +exports[`Story Snapshots: InvitedRoom should match snapshot 1`] = ` +[ + + - - - - - + } + transition={null} + width={48} + /> + + - - -  - - - rocket.cat - - +  + + + rocket.cat + + +  + + -  - - + - - 10:00 - - + 10:00 + - + , @@ -14955,209 +13767,213 @@ exports[`Story Snapshots: InvitedRoom should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={36} + /> + + - - +  + + + rocket.cat + + +  + + -  - + } + > - rocket.cat - - -  + 10:00 - - - 10:00 - - - + , @@ -15615,297 +14373,243 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - + + + + - - - - -  - - - rocket.cat - - - 10:00 - - - +  + + - - No message - - + rocket.cat + + + 10:00 + + + + + No message + - + , @@ -16273,297 +14977,243 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - + + + + +  + + + rocket.cat + + + > + 10:00 + - - -  - - - rocket.cat - - - 10:00 - - - - - 2 - - + 2 + - + , @@ -16931,297 +15581,243 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ - [ - undefined, - undefined, - ] - } - > - - + [ + { + "flex": 1, + }, + undefined, + ] + } + > + - - + + + + +  + + + rocket.cat + + + > + 10:00 + - - -  - - - rocket.cat - - - 10:00 - - - - - You: 1 - - + You: 1 + - + , @@ -17589,297 +16185,243 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - -  - - - rocket.cat - - - 10:00 - - - +  + + - - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries - - + rocket.cat + + + 10:00 + + + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + - + , @@ -18247,215 +16789,193 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - + -  - - +  + + + rocket.cat + + - rocket.cat - - - 10:00 - - + ], + ] + } + > + 10:00 + + + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + 1 - - - 1 - - - + , @@ -18961,215 +17449,193 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - -  - - +  + + + rocket.cat + + - rocket.cat - - - 10:00 - - + ], + ] + } + > + 10:00 + + + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + +999 - - - +999 - - - + , @@ -19675,215 +18109,193 @@ exports[`Story Snapshots: LastMessage should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - -  - - +  + + + rocket.cat + + - rocket.cat - - - 10:00 - - + ], + ] + } + > + 10:00 + + + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + 1 - - - 1 - - - + , @@ -20392,211 +18772,187 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` lockFocus={0} onContextMenuPress={[Function]} onFocusChange={[Function]} - onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -21017,213 +19343,189 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` hasKeyUpPress={true} hasOnFocusChanged={true} lockFocus={0} - onContextMenuPress={[Function]} - onFocusChange={[Function]} - onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -21646,211 +19918,187 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` lockFocus={0} onContextMenuPress={[Function]} onFocusChange={[Function]} - onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -22272,212 +20490,188 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` hasOnFocusChanged={true} lockFocus={0} onContextMenuPress={[Function]} - onFocusChange={[Function]} - onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -22900,211 +21064,187 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` lockFocus={0} onContextMenuPress={[Function]} onFocusChange={[Function]} - onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -23525,213 +21635,189 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` hasKeyUpPress={true} hasOnFocusChanged={true} lockFocus={0} - onContextMenuPress={[Function]} - onFocusChange={[Function]} - onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -24155,210 +22211,186 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` onContextMenuPress={[Function]} onFocusChange={[Function]} onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -24778,214 +22780,190 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` hasKeyDownPress={false} hasKeyUpPress={true} hasOnFocusChanged={true} - lockFocus={0} - onContextMenuPress={[Function]} - onFocusChange={[Function]} - onKeyUpPress={[Function]} - orderIndex={-1} - screenAutoA11yFocusDelay={300} - style={ - [ - undefined, - undefined, - ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -25410,209 +23358,185 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -26037,209 +23931,185 @@ exports[`Story Snapshots: OmnichannelIcon should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ - [ - undefined, - undefined, - ] - } - > - - + [ + { + "flex": 1, + }, + undefined, + ] + } + > + - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -26669,209 +24509,221 @@ exports[`Story Snapshots: Tag should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - + + + - +  + + - - + > + rocket.cat + -  + Auto-join + + - rocket.cat + 10:00 - - - Auto-join - - - - - 10:00 - - - + , @@ -27332,334 +25118,280 @@ exports[`Story Snapshots: Tag should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] - } - > - + - - - - + } + transition={null} + width={48} + /> + + - - -  - - - rocket.cat - - - - Auto-join - - - - 10:00 - - + ], + { + "fontFamily": "custom", + "fontStyle": "normal", + "fontWeight": "normal", + }, + {}, + ] + } + > +  + + + rocket.cat + - No message + Auto-join + + 10:00 + + + + + No message + - + , @@ -28027,209 +25759,221 @@ exports[`Story Snapshots: Tag should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - + + + - +  + + - - + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + -  + Auto-join + + - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + 10:00 - - - Auto-join - - - - - 10:00 - - - + , @@ -28690,263 +26368,187 @@ exports[`Story Snapshots: Tag should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - + + + - +  + + - - + > + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + -  - - - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries - - - - Auto-join - - - - 10:00 + Auto-join - - - No message - - + 10:00 + + + + + No message + - + , @@ -29389,209 +27013,185 @@ exports[`Story Snapshots: Touch should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - + + + - - - - +  + + - + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + @@ -30020,217 +27590,193 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - + + + - - - - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -30655,209 +28171,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - + + + - - - - +  + + - + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -31282,209 +28744,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -31909,209 +29317,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -32536,209 +29890,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - + + + - - - - +  + + - + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -33163,209 +30463,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - +  + + - + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -33790,209 +31036,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - +  + + - + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -34417,209 +31609,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - +  + + - -  - + rocket.cat + + - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -35044,209 +32182,185 @@ exports[`Story Snapshots: Type should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + rocket.cat + + -  - + } + > - rocket.cat + 10:00 - - - 10:00 - - - + , @@ -35676,217 +32760,193 @@ exports[`Story Snapshots: User should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + diego.mello + + -  - + } + > - diego.mello - - - - 10:00 - - + 10:00 + - + , @@ -36311,217 +33341,193 @@ exports[`Story Snapshots: User should match snapshot 1`] = ` onFocusChange={[Function]} onKeyUpPress={[Function]} orderIndex={-1} - screenAutoA11yFocusDelay={300} + screenAutoA11yFocusDelay={500} style={ [ - undefined, + { + "flex": 1, + }, undefined, ] } > - - - - - + } + transition={null} + width={48} + /> + + - - +  + + + Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + + -  - + } + > - Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries + 10:00 - - - 10:00 - - - + ,