diff --git a/__tests__/__snapshots__/RoomItem.js.snap b/__tests__/__snapshots__/RoomItem.js.snap
index 049fbc30ddacea96c583b34878b1625cc662da53..1ce3b14177cd6a1041d217acc8e29d5c38cae64e 100644
--- a/__tests__/__snapshots__/RoomItem.js.snap
+++ b/__tests__/__snapshots__/RoomItem.js.snap
@@ -2,1346 +2,37 @@
exports[`render channel 1`] = `
<View>
- <View
- accessibilityLabel="general, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#00BCD4",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- G
- </Text>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "subscription_hashtag",
- }
- }
- style={
- Array [
- Object {
- "marginRight": 7,
- "marginTop": 3,
- },
- undefined,
- Object {
- "height": 10,
- "width": 10,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- general
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
+ View
</View>
`;
exports[`render no icon 1`] = `
<View>
- <View
- accessibilityLabel="name, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#3F51B5",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- N
- </Text>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "subscription_lock",
- }
- }
- style={
- Array [
- Object {
- "marginRight": 7,
- "marginTop": 3,
- },
- undefined,
- Object {
- "height": 10,
- "width": 10,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- name
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
+ View
</View>
`;
exports[`render private group 1`] = `
<View>
- <View
- accessibilityLabel="private-group, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#FF9800",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- P
- </Text>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "subscription_lock",
- }
- }
- style={
- Array [
- Object {
- "marginRight": 7,
- "marginTop": 3,
- },
- undefined,
- Object {
- "height": 10,
- "width": 10,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- private-group
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
+ View
</View>
`;
exports[`render unread +999 1`] = `
<View>
- <View
- accessibilityLabel="name, 1000 alerts, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#3F51B5",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- N
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/name",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- name
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- 999+
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
+ View
</View>
`;
exports[`render unread 1`] = `
<View>
- <View
- accessibilityLabel="name, 1 alert, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#3F51B5",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- N
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/name",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- name
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- 1
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
+ View
</View>
`;
exports[`renders correctly 1`] = `
<View>
- <View
- accessibilityLabel="name, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#3F51B5",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- N
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/name",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- name
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
+ View
</View>
`;
diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index 2b24c6a52627154f341b5209d4ab6b4182e885e0..a2aff47d38217b32f0c0b734da8c061fcab31bc1 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -298,2711 +298,17 @@ exports[`Storyshots Avatar avatar 1`] = `
exports[`Storyshots Channel Cell Direct Messages 1`] = `
<RCTScrollView>
<View>
- <View
- accessibilityLabel="rocket.cat, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#8BC34A",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- R
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/rocket.cat",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- rocket.cat
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="rocket.cat, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#8BC34A",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- R
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/rocket.cat",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- Object {
- "fontWeight": "600",
- },
- ]
- }
- >
- rocket.cat
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- Object {
- "color": "#1D74F5",
- },
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="rocket.cat, 1 alert, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#8BC34A",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- R
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/rocket.cat",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- rocket.cat
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- 1
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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, 9 alerts, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#795548",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- L
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- Object {
- "fontWeight": "600",
- },
- ]
- }
- >
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- Object {
- "color": "#1D74F5",
- },
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- 9
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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, 99 alerts, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#795548",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- L
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- 99
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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, 100 alerts, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#795548",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- L
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- 100
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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, 100000 alerts, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#795548",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- L
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- 999+
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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, 100000 alerts, you were mentioned, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#795548",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- L
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's 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
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- <View
- style={
- Object {
- "alignItems": "center",
- "backgroundColor": "#1D74F5",
- "borderRadius": 4,
- "justifyContent": "center",
- "minWidth": 23,
- "padding": 3,
- }
- }
- >
- <Text
- style={
- Object {
- "color": "#fff",
- "fontSize": 14,
- "fontWeight": "500",
- "letterSpacing": 0.56,
- "overflow": "hidden",
- }
- }
- >
- @ 999+
- </Text>
- </View>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="W, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#E91E63",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- W
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/W",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- W
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel="WW, last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": "#9C27B0",
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
- W
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/WW",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- WW
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
- <View
- accessibilityLabel=", last message Nov 10"
- accessible={true}
- isTVSelectable={true}
- onResponderGrant={[Function]}
- onResponderMove={[Function]}
- onResponderRelease={[Function]}
- onResponderTerminate={[Function]}
- onResponderTerminationRequest={[Function]}
- onStartShouldSetResponder={[Function]}
- style={null}
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- },
- undefined,
- undefined,
- ]
- }
- >
- <View
- style={
- Array [
- Object {
- "alignItems": "center",
- "justifyContent": "center",
- },
- Object {
- "backgroundColor": undefined,
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- Object {
- "marginHorizontal": 15,
- },
- ]
- }
- >
- <Text
- allowFontScaling={false}
- style={
- Array [
- Object {
- "color": "#ffffff",
- },
- Object {
- "fontSize": 30,
- "fontWeight": "800",
- },
- ]
- }
- >
-
- </Text>
- <View
- style={
- Array [
- Object {
- "overflow": "hidden",
- },
- Array [
- Object {
- "position": "absolute",
- },
- Object {
- "borderRadius": 4,
- "height": 48,
- "width": 48,
- },
- ],
- ]
- }
- >
- <FastImageView
- resizeMode="cover"
- source={
- Object {
- "priority": "high",
- "uri": "/avatar/",
- }
- }
- style={
- Object {
- "bottom": 0,
- "left": 0,
- "position": "absolute",
- "right": 0,
- "top": 0,
- }
- }
- />
- </View>
- </View>
- <View
- style={
- Object {
- "flex": 1,
- "height": "100%",
- "marginRight": 4,
- }
- }
- >
- <View
- style={
- Object {
- "alignItems": "center",
- "flexDirection": "row",
- "justifyContent": "center",
- "marginTop": 5,
- "width": "100%",
- }
- }
- >
- <View
- style={
- Array [
- Object {
- "borderRadius": 16,
- "height": 16,
- "width": 16,
- },
- Array [
- Object {
- "borderRadius": 10,
- "height": 10,
- "marginRight": 7,
- "marginTop": 3,
- "width": 10,
- },
- ],
- Object {
- "backgroundColor": undefined,
- },
- ]
- }
- />
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#0C0D0F",
- "flex": 1,
- "fontSize": 18,
- "fontWeight": "400",
- "marginRight": 5,
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
-
- </Text>
- <Text
- ellipsizeMode="tail"
- numberOfLines={1}
- style={
- Array [
- Object {
- "color": "#9EA2A8",
- "fontSize": 14,
- "fontWeight": "normal",
- "paddingBottom": 0,
- "paddingTop": 0,
- },
- undefined,
- ]
- }
- >
- Nov 10
- </Text>
- </View>
- <View
- style={
- Object {
- "alignItems": "flex-start",
- "flex": 1,
- "flexDirection": "row",
- }
- }
- >
- <Text
- numberOfLines={2}
- style={
- Object {
- "color": "#9EA2A8",
- "flex": 1,
- "fontSize": 15,
- "fontWeight": "normal",
- }
- }
- >
-
- </Text>
- </View>
- </View>
- <View
- style={
- Object {
- "alignItems": "center",
- "height": "100%",
- "justifyContent": "center",
- "marginLeft": 6,
- "marginRight": 9,
- }
- }
- >
- <Image
- source={
- Object {
- "uri": "disclosure_indicator",
- }
- }
- style={
- Object {
- "height": 20,
- "width": 20,
- }
- }
- />
- </View>
- </View>
- </View>
+ View
+ View
+ View
+ View
+ View
+ View
+ View
+ View
+ View
+ View
+ View
</View>
</RCTScrollView>
`;
diff --git a/app/containers/message/Message.js b/app/containers/message/Message.js
index c911e07f4b86315db3484a49d33568ea07e4c506..e83f92acd92ddd5a960794fe03dbd9cab385969a 100644
--- a/app/containers/message/Message.js
+++ b/app/containers/message/Message.js
@@ -41,9 +41,9 @@ const SYSTEM_MESSAGES = [
];
const getInfoMessage = ({
- type, role, msg, user
+ type, role, msg, author
}) => {
- const { username } = user;
+ const { username } = author;
if (type === 'rm') {
return I18n.t('Message_removed');
} else if (type === 'uj') {
diff --git a/app/containers/message/index.js b/app/containers/message/index.js
index dd9df8e2e642f6bbf6792342d7d8adb4d5c05e95..1fc6ffa4750c644fc8d964d2a7fa88813bca3f1c 100644
--- a/app/containers/message/index.js
+++ b/app/containers/message/index.js
@@ -14,10 +14,9 @@ import {
@connect(state => ({
baseUrl: state.settings.Site_Url || state.server ? state.server.server : '',
customEmojis: state.customEmojis,
- editing: state.messages.editing,
Message_GroupingPeriod: state.settings.Message_GroupingPeriod,
Message_TimeFormat: state.settings.Message_TimeFormat,
- message: state.messages.message,
+ editingMessage: state.messages.message,
useRealName: state.settings.UI_Use_Real_Name
}), dispatch => ({
errorActionsShow: actionMessage => dispatch(errorActionsShowAction(actionMessage)),
@@ -43,10 +42,9 @@ export default class MessageContainer extends React.Component {
// redux
baseUrl: PropTypes.string,
customEmojis: PropTypes.object,
- editing: PropTypes.bool,
Message_GroupingPeriod: PropTypes.number,
Message_TimeFormat: PropTypes.string,
- message: PropTypes.object,
+ editingMessage: PropTypes.object,
useRealName: PropTypes.bool,
// methods - props
onLongPress: PropTypes.func,
@@ -73,7 +71,7 @@ export default class MessageContainer extends React.Component {
shouldComponentUpdate(nextProps, nextState) {
const { reactionsModal } = this.state;
const {
- status, reactions, broadcast, editing, _updatedAt
+ status, reactions, broadcast, _updatedAt, editingMessage, item
} = this.props;
if (reactionsModal !== nextState.reactionsModal) {
@@ -92,8 +90,12 @@ export default class MessageContainer extends React.Component {
if (broadcast !== nextProps.broadcast) {
return true;
}
- if (editing !== nextProps.editing) {
- return true;
+ if (!equal(editingMessage, nextProps.editingMessage)) {
+ if (nextProps.editingMessage && nextProps.editingMessage._id === item._id) {
+ return true;
+ } else if (!nextProps.editingMessage._id !== item._id && editingMessage._id === item._id) {
+ return true;
+ }
}
return _updatedAt.toGMTString() !== nextProps._updatedAt.toGMTString();
}
@@ -163,12 +165,12 @@ export default class MessageContainer extends React.Component {
render() {
const { reactionsModal } = this.state;
const {
- item, message, editing, user, style, archived, baseUrl, customEmojis, useRealName, broadcast
+ item, editingMessage, user, style, archived, baseUrl, customEmojis, useRealName, broadcast
} = this.props;
const {
msg, ts, attachments, urls, reactions, t, status, avatar, u, alias, editedBy, role
} = item;
- const isEditing = message._id === item._id && editing;
+ const isEditing = editingMessage._id === item._id;
return (
<Message
msg={msg}
diff --git a/app/lib/methods/canOpenRoom.js b/app/lib/methods/canOpenRoom.js
index e329ca9977120dc5e0279e26ed9a38f6541ac5e4..ad0e7ad2d411330efaa578545866715f8906976b 100644
--- a/app/lib/methods/canOpenRoom.js
+++ b/app/lib/methods/canOpenRoom.js
@@ -13,7 +13,7 @@ const restTypes = {
async function canOpenRoomREST({ type, rid }) {
try {
const { token, id } = this.ddp._login;
- const server = this.ddp.url.replace('ws', 'http');
+ const server = this.ddp.url.replace(/^ws/, 'http');
await post({ token, id, server }, `${ restTypes[type] }.open`, { roomId: rid });
return true;
} catch (error) {
diff --git a/app/lib/methods/getRooms.js b/app/lib/methods/getRooms.js
index df4a3085c832205b433aa95fe612bd72d9ff6e8d..72749e9b1450ed6c0d9db350a650ed6fb2ac7139 100644
--- a/app/lib/methods/getRooms.js
+++ b/app/lib/methods/getRooms.js
@@ -17,7 +17,7 @@ const getRoomRest = async function() {
const { ddp } = this;
const updatedSince = lastMessage();
const { token, id } = ddp._login;
- const server = this.ddp.url.replace('ws', 'http');
+ const server = this.ddp.url.replace(/^ws/, 'http');
const [subscriptions, rooms] = await Promise.all([get({ token, id, server }, 'subscriptions.get', { updatedSince }), get({ token, id, server }, 'rooms.get', { updatedSince })]);
return mergeSubscriptionsRooms(subscriptions, rooms);
};
diff --git a/app/lib/methods/loadMessagesForRoom.js b/app/lib/methods/loadMessagesForRoom.js
index 11ad8e3065ea1adeea9d541ce9754cdb8b573803..22e35a516f0111a71ad9322c59679a670bfbbf42 100644
--- a/app/lib/methods/loadMessagesForRoom.js
+++ b/app/lib/methods/loadMessagesForRoom.js
@@ -12,7 +12,7 @@ const types = {
async function loadMessagesForRoomRest({ rid: roomId, latest, t }) {
const { token, id } = this.ddp._login;
- const server = this.ddp.url.replace('ws', 'http');
+ const server = this.ddp.url.replace(/^ws/, 'http');
const data = await get({ token, id, server }, `${ types[t] }.history`, { roomId, latest });
if (!data || data.status === 'error') {
return [];
diff --git a/app/lib/methods/loadMissedMessages.js b/app/lib/methods/loadMissedMessages.js
index 56603fad389dc2777b6ca287a271544ed1ec6269..ad8c67a29b38570c933d67c430753ccd385998e8 100644
--- a/app/lib/methods/loadMissedMessages.js
+++ b/app/lib/methods/loadMissedMessages.js
@@ -7,7 +7,7 @@ import log from '../../utils/log';
async function loadMissedMessagesRest({ rid: roomId, lastOpen: lastUpdate }) {
const { token, id } = this.ddp._login;
- const server = this.ddp.url.replace('ws', 'http');
+ const server = this.ddp.url.replace(/^ws/, 'http');
const { result } = await get({ token, id, server }, 'chat.syncMessages', { roomId, lastUpdate });
// TODO: api fix
if (!result) {
diff --git a/app/lib/methods/readMessages.js b/app/lib/methods/readMessages.js
index 6879b2a9a1ee12903562aadf2911852795e4d274..af46448824a408eb761201d7d46e04263716fe44 100644
--- a/app/lib/methods/readMessages.js
+++ b/app/lib/methods/readMessages.js
@@ -4,7 +4,7 @@ import log from '../../utils/log';
const readMessagesREST = function readMessagesREST(rid) {
const { token, id } = this.ddp._login;
- const server = this.ddp.url.replace('ws', 'http');
+ const server = this.ddp.url.replace(/^ws/, 'http');
return post({ token, id, server }, 'subscriptions.read', { rid });
};
diff --git a/app/lib/methods/sendMessage.js b/app/lib/methods/sendMessage.js
index 56f66e61aa70db85c6fbdaeedd68dbe6460a46fc..df5d3f33d95c5d100a4cb8c57fbad8a4b40f2879 100644
--- a/app/lib/methods/sendMessage.js
+++ b/app/lib/methods/sendMessage.js
@@ -33,7 +33,7 @@ export const getMessage = (rid, msg = {}) => {
function sendMessageByRest(message) {
const { token, id } = this.ddp._login;
- const server = this.ddp.url.replace('ws', 'http');
+ const server = this.ddp.url.replace(/^ws/, 'http');
const { _id, rid, msg } = message;
return post({ token, id, server }, 'chat.sendMessage', { message: { _id, rid, msg } });
}
diff --git a/app/presentation/RoomItem.js b/app/presentation/RoomItem.js
index 69715cc6ae467cee56d117ff5a776ed22f8036e1..b525adb35926516244336a89d0324995f0aeab9f 100644
--- a/app/presentation/RoomItem.js
+++ b/app/presentation/RoomItem.js
@@ -6,6 +6,7 @@ import {
} from 'react-native';
import { connect } from 'react-redux';
import { emojify } from 'react-emojione';
+import { RectButton } from 'react-native-gesture-handler';
import Avatar from '../containers/Avatar';
import Status from '../containers/status';
@@ -142,7 +143,6 @@ export default class RoomItem extends React.Component {
userMentions: PropTypes.number,
id: PropTypes.string,
onPress: PropTypes.func,
- onLongPress: PropTypes.func,
username: PropTypes.string,
avatarSize: PropTypes.number,
testID: PropTypes.string,
@@ -229,7 +229,7 @@ export default class RoomItem extends React.Component {
render() {
const {
- favorite, unread, userMentions, name, _updatedAt, alert, testID, height, onPress, onLongPress
+ favorite, unread, userMentions, name, _updatedAt, alert, testID, height, onPress
} = this.props;
const date = this.formatDate(_updatedAt);
@@ -250,16 +250,16 @@ export default class RoomItem extends React.Component {
}
return (
- <Touch
+ <RectButton
onPress={onPress}
- onLongPress={onLongPress}
- underlayColor='#FFFFFF'
- activeOpacity={0.5}
- accessibilityLabel={accessibilityLabel}
- accessibilityTraits='selected'
+ activeOpacity={0.8}
+ underlayColor='#e1e5e8'
testID={testID}
>
- <View style={[styles.container, favorite && styles.favorite, height && { height }]}>
+ <View
+ style={[styles.container, favorite && styles.favorite, height && { height }]}
+ accessibilityLabel={accessibilityLabel}
+ >
{this.avatar}
<View style={styles.centerContainer}>
<View style={styles.titleContainer}>
@@ -276,7 +276,7 @@ export default class RoomItem extends React.Component {
</View>
{this.renderDisclosureIndicator()}
</View>
- </Touch>
+ </RectButton>
);
}
}
diff --git a/app/views/RoomActionsView/index.js b/app/views/RoomActionsView/index.js
index b8ba9bd17643220a8fa5f0e1477401cd46a3e9c1..e7febc598e4803c121d55ea5643409e47463c62e 100644
--- a/app/views/RoomActionsView/index.js
+++ b/app/views/RoomActionsView/index.js
@@ -7,6 +7,7 @@ import Icon from 'react-native-vector-icons/Ionicons';
import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
import { connect, Provider } from 'react-redux';
import { Navigation } from 'react-native-navigation';
+import { gestureHandlerRootHOC } from 'react-native-gesture-handler';
import { leaveRoom as leaveRoomAction } from '../../actions/room';
import LoggedView from '../View';
@@ -74,7 +75,7 @@ export default class RoomActionsView extends LoggedView {
if (item.route) {
if (modules[item.route] == null) {
modules[item.route] = item.require();
- Navigation.registerComponent(item.route, () => modules[item.route], store, Provider);
+ Navigation.registerComponent(item.route, () => gestureHandlerRootHOC(modules[item.route]), store, Provider);
}
navigator.push({
screen: item.route,