From 8c1b57eb268ffa3660aeade1566813b1fe726b1b Mon Sep 17 00:00:00 2001
From: Diego Mello <diegolmello@gmail.com>
Date: Wed, 27 Feb 2019 11:47:15 -0300
Subject: [PATCH] Message button (#660)
* Remove touchable opacity when scrolling messages
* Tap on disable messages closes keyboard
* Unify vibration
* Vibrate only on Android
---
.../__snapshots__/Storyshots.test.js.snap | 11892 +++++++++++++++-
app/containers/MessageActions.js | 7 +-
app/containers/message/Message.js | 88 +-
app/containers/message/index.js | 5 +-
app/containers/message/styles.js | 15 +-
app/utils/vibration.js | 11 +
app/views/RoomMembersView/index.js | 7 +-
7 files changed, 11892 insertions(+), 133 deletions(-)
create mode 100644 app/utils/vibration.js
diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index 17a49bfb1..9804e079c 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -235,7 +235,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -267,7 +437,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -299,7 +639,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ …
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -308,7 +818,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ rocket.cat
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Different user
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -317,7 +997,90 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ false,
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ false,
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This is the third message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -326,7 +1089,90 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ false,
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ false,
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This is the second message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -335,7 +1181,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This is the first message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -367,7 +1383,90 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ false,
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ false,
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -399,7 +1498,190 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ Diego Mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "lineHeight": 16,
+ "paddingLeft": 6,
+ }
+ }
+ >
+ @
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -431,7 +1713,187 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ }
+ }
+ >
+ (edited)
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -463,7 +1925,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://pbs.twimg.com/profile_images/1016397063649660929/14EIApTi_400x400.jpg",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -495,7 +2127,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ Diego Mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -527,7 +2329,256 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#E8F2FF",
+ "color": "#0072FE",
+ "fontWeight": "500",
+ "padding": 5,
+ }
+ }
+ >
+ Â
+ rocket.cat
+ Â
+ </Text>
+ <Text>
+
+ </Text>
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#1D74F5",
+ "color": "#fff",
+ "fontWeight": "500",
+ "padding": 5,
+ }
+ }
+ >
+ Â
+ diego.mello
+ Â
+ </Text>
+ <Text>
+
+ </Text>
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#FF5B5A",
+ "color": "#fff",
+ "fontWeight": "500",
+ "padding": 5,
+ }
+ }
+ >
+ Â
+ all
+ Â
+ </Text>
+ <Text>
+
+ </Text>
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#FF5B5A",
+ "color": "#fff",
+ "fontWeight": "500",
+ "padding": 5,
+ }
+ }
+ >
+ Â
+ here
+ Â
+ </Text>
+ <Text>
+
+ </Text>
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#E8F2FF",
+ "color": "#0072FE",
+ "fontWeight": "500",
+ "padding": 5,
+ }
+ }
+ >
+ Â #
+ general
+ Â
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -559,7 +2610,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ 👊🤙ðŸ‘
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -591,7 +2812,219 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Image
+ source={
+ Object {
+ "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png",
+ }
+ }
+ style={
+ Object {
+ "height": 20,
+ "width": 20,
+ }
+ }
+ />
+ <Text>
+
+ </Text>
+ <Image
+ source={
+ Object {
+ "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png",
+ }
+ }
+ style={
+ Object {
+ "height": 20,
+ "width": 20,
+ }
+ }
+ />
+ <Text>
+
+ </Text>
+ <Image
+ source={
+ Object {
+ "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif",
+ }
+ }
+ style={
+ Object {
+ "height": 20,
+ "width": 20,
+ }
+ }
+ />
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -623,7 +3056,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10 November 2017
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Testing
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -655,7 +3258,191 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Reactions
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "marginTop": 10,
+ }
+ }
+ >
+ View
+ View
+ View
+ View
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -687,7 +3474,196 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Multiple Reactions
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "marginTop": 10,
+ }
+ }
+ >
+ View
+ View
+ View
+ View
+ View
+ View
+ View
+ View
+ View
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -719,7 +3695,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ rocket.cat
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Fourth message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -728,7 +3874,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Third message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -737,7 +4053,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ rocket.cat
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Second message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -746,7 +4232,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ First message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -778,7 +4434,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ rocket.cat
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Fourth message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -859,7 +4685,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Third message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -938,7 +4934,90 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ false,
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ false,
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Second message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -947,7 +5026,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/rocket.cat?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ rocket.cat
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Second message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -1017,7 +5266,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ First message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1049,7 +5468,463 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ View
+ <Modal
+ animationType="none"
+ hardwareAccelerated={false}
+ hideModalContentWhileAnimating={false}
+ onModalHide={[Function]}
+ onRequestClose={[Function]}
+ scrollOffset={0}
+ scrollOffsetMax={0}
+ scrollTo={null}
+ supportedOrientations={
+ Array [
+ "portrait",
+ "landscape",
+ ]
+ }
+ swipeThreshold={100}
+ transparent={true}
+ visible={false}
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Object {
+ "backgroundColor": "black",
+ "bottom": 0,
+ "height": 1334,
+ "left": 0,
+ "opacity": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ "width": 750,
+ }
+ }
+ />
+ <View
+ hideModalContentWhileAnimating={false}
+ onModalHide={[Function]}
+ pointerEvents="box-none"
+ scrollOffset={0}
+ scrollOffsetMax={0}
+ scrollTo={null}
+ style={
+ Object {
+ "alignItems": "center",
+ "flex": 1,
+ "justifyContent": "center",
+ "margin": 37.5,
+ "transform": Array [
+ Object {
+ "translateY": 0,
+ },
+ ],
+ }
+ }
+ supportedOrientations={
+ Array [
+ "portrait",
+ "landscape",
+ ]
+ }
+ swipeThreshold={100}
+ >
+ <View
+ style={
+ Object {
+ "height": 1294,
+ "width": 710,
+ }
+ }
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Object {
+ "alignItems": "center",
+ "marginVertical": 10,
+ "width": "100%",
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#ffffff",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "textAlign": "center",
+ }
+ }
+ >
+ This is a title
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#ffffff",
+ "fontSize": 14,
+ "fontWeight": "500",
+ "textAlign": "center",
+ }
+ }
+ >
+ This is a description
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flex": 1,
+ }
+ }
+ >
+ <View
+ onLayout={[Function]}
+ style={
+ Object {
+ "flex": 1,
+ "overflow": "hidden",
+ }
+ }
+ >
+ <View>
+ <View
+ style={
+ Object {
+ "zIndex": 9,
+ }
+ }
+ >
+ <View
+ style={
+ Object {
+ "backgroundColor": "transparent",
+ "opacity": 0,
+ }
+ }
+ >
+ <View
+ style={
+ Object {
+ "bottom": 0,
+ "justifyContent": "center",
+ "left": 0,
+ "position": "absolute",
+ "top": 0,
+ "zIndex": 13,
+ }
+ }
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ />
+ </View>
+ <View
+ style={
+ Object {
+ "bottom": 0,
+ "justifyContent": "center",
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ "zIndex": 13,
+ }
+ }
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ />
+ </View>
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "transform": Array [
+ Object {
+ "translateX": 0,
+ },
+ ],
+ "width": 0,
+ }
+ }
+ >
+ <View
+ onMoveShouldSetResponder={[Function]}
+ onMoveShouldSetResponderCapture={[Function]}
+ onResponderEnd={[Function]}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderReject={[Function]}
+ onResponderRelease={[Function]}
+ onResponderStart={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ onStartShouldSetResponderCapture={[Function]}
+ style={
+ Object {
+ "alignItems": "center",
+ "backgroundColor": "transparent",
+ "flex": 1,
+ "height": 0,
+ "justifyContent": "center",
+ "overflow": "hidden",
+ "width": 0,
+ }
+ }
+ >
+ <View
+ renderToHardwareTextureAndroid={true}
+ style={
+ Object {
+ "transform": Array [
+ Object {
+ "scale": 1,
+ },
+ Object {
+ "translateX": 0,
+ },
+ Object {
+ "translateY": 0,
+ },
+ ],
+ }
+ }
+ >
+ <View
+ onLayout={[Function]}
+ style={
+ Object {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flex": 1,
+ "justifyContent": "center",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "alignItems": "center",
+ "justifyContent": "center",
+ },
+ Object {
+ "height": 1334,
+ "width": 750,
+ },
+ ]
+ }
+ >
+ <ActivityIndicator
+ animating={true}
+ color="#999999"
+ hidesWhenStopped={true}
+ size="small"
+ />
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "bottom": 0,
+ "position": "absolute",
+ "zIndex": 9,
+ },
+ Object {},
+ ]
+ }
+ />
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </Modal>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -1058,7 +5933,463 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ View
+ <Modal
+ animationType="none"
+ hardwareAccelerated={false}
+ hideModalContentWhileAnimating={false}
+ onModalHide={[Function]}
+ onRequestClose={[Function]}
+ scrollOffset={0}
+ scrollOffsetMax={0}
+ scrollTo={null}
+ supportedOrientations={
+ Array [
+ "portrait",
+ "landscape",
+ ]
+ }
+ swipeThreshold={100}
+ transparent={true}
+ visible={false}
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Object {
+ "backgroundColor": "black",
+ "bottom": 0,
+ "height": 1334,
+ "left": 0,
+ "opacity": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ "width": 750,
+ }
+ }
+ />
+ <View
+ hideModalContentWhileAnimating={false}
+ onModalHide={[Function]}
+ pointerEvents="box-none"
+ scrollOffset={0}
+ scrollOffsetMax={0}
+ scrollTo={null}
+ style={
+ Object {
+ "alignItems": "center",
+ "flex": 1,
+ "justifyContent": "center",
+ "margin": 37.5,
+ "transform": Array [
+ Object {
+ "translateY": 0,
+ },
+ ],
+ }
+ }
+ supportedOrientations={
+ Array [
+ "portrait",
+ "landscape",
+ ]
+ }
+ swipeThreshold={100}
+ >
+ <View
+ style={
+ Object {
+ "height": 1294,
+ "width": 710,
+ }
+ }
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Object {
+ "alignItems": "center",
+ "marginVertical": 10,
+ "width": "100%",
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#ffffff",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "textAlign": "center",
+ }
+ }
+ >
+ This is a title
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#ffffff",
+ "fontSize": 14,
+ "fontWeight": "500",
+ "textAlign": "center",
+ }
+ }
+ >
+ This is a description
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flex": 1,
+ }
+ }
+ >
+ <View
+ onLayout={[Function]}
+ style={
+ Object {
+ "flex": 1,
+ "overflow": "hidden",
+ }
+ }
+ >
+ <View>
+ <View
+ style={
+ Object {
+ "zIndex": 9,
+ }
+ }
+ >
+ <View
+ style={
+ Object {
+ "backgroundColor": "transparent",
+ "opacity": 0,
+ }
+ }
+ >
+ <View
+ style={
+ Object {
+ "bottom": 0,
+ "justifyContent": "center",
+ "left": 0,
+ "position": "absolute",
+ "top": 0,
+ "zIndex": 13,
+ }
+ }
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ />
+ </View>
+ <View
+ style={
+ Object {
+ "bottom": 0,
+ "justifyContent": "center",
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ "zIndex": 13,
+ }
+ }
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ />
+ </View>
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "transform": Array [
+ Object {
+ "translateX": 0,
+ },
+ ],
+ "width": 0,
+ }
+ }
+ >
+ <View
+ onMoveShouldSetResponder={[Function]}
+ onMoveShouldSetResponderCapture={[Function]}
+ onResponderEnd={[Function]}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderReject={[Function]}
+ onResponderRelease={[Function]}
+ onResponderStart={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ onStartShouldSetResponderCapture={[Function]}
+ style={
+ Object {
+ "alignItems": "center",
+ "backgroundColor": "transparent",
+ "flex": 1,
+ "height": 0,
+ "justifyContent": "center",
+ "overflow": "hidden",
+ "width": 0,
+ }
+ }
+ >
+ <View
+ renderToHardwareTextureAndroid={true}
+ style={
+ Object {
+ "transform": Array [
+ Object {
+ "scale": 1,
+ },
+ Object {
+ "translateX": 0,
+ },
+ Object {
+ "translateY": 0,
+ },
+ ],
+ }
+ }
+ >
+ <View
+ onLayout={[Function]}
+ style={
+ Object {
+ "height": 0,
+ "width": 0,
+ }
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flex": 1,
+ "justifyContent": "center",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "alignItems": "center",
+ "justifyContent": "center",
+ },
+ Object {
+ "height": 1334,
+ "width": 750,
+ },
+ ]
+ }
+ >
+ <ActivityIndicator
+ animating={true}
+ color="#999999"
+ hidesWhenStopped={true}
+ size="small"
+ />
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "bottom": 0,
+ "position": "absolute",
+ "zIndex": 9,
+ },
+ Object {},
+ ]
+ }
+ />
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </Modal>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1090,7 +6421,252 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View>
+ View
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This is a description
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ <Modal
+ animationType="none"
+ hardwareAccelerated={false}
+ hideModalContentWhileAnimating={false}
+ onModalHide={[Function]}
+ onRequestClose={[Function]}
+ scrollOffset={0}
+ scrollOffsetMax={0}
+ scrollTo={null}
+ supportedOrientations={
+ Array [
+ "portrait",
+ "landscape",
+ ]
+ }
+ swipeThreshold={100}
+ transparent={true}
+ visible={false}
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Object {
+ "backgroundColor": "black",
+ "bottom": 0,
+ "height": 1334,
+ "left": 0,
+ "opacity": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ "width": 750,
+ }
+ }
+ />
+ <View
+ hideModalContentWhileAnimating={false}
+ onModalHide={[Function]}
+ pointerEvents="box-none"
+ scrollOffset={0}
+ scrollOffsetMax={0}
+ scrollTo={null}
+ style={
+ Object {
+ "backgroundColor": "#000",
+ "flex": 1,
+ "justifyContent": "center",
+ "margin": 0,
+ "transform": Array [
+ Object {
+ "translateY": 0,
+ },
+ ],
+ }
+ }
+ supportedOrientations={
+ Array [
+ "portrait",
+ "landscape",
+ ]
+ }
+ swipeThreshold={100}
+ >
+ Video
+ </View>
+ </Modal>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1122,7 +6698,318 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "backgroundColor": "#f7f8fa",
+ "borderRadius": 4,
+ "flex": 1,
+ "flexDirection": "row",
+ "height": 56,
+ "marginBottom": 10,
+ }
+ }
+ >
+ Video
+ View
+ <View
+ animateTransitions={true}
+ animationConfig={
+ Object {
+ "delay": 0,
+ "duration": 250,
+ "easing": [Function],
+ }
+ }
+ animationType="timing"
+ onLayout={[Function]}
+ onValueChange={[Function]}
+ step={0}
+ style={
+ Array [
+ Object {
+ "height": 40,
+ "justifyContent": "center",
+ },
+ Object {
+ "flex": 1,
+ "marginRight": 10,
+ },
+ ]
+ }
+ thumbTouchSize={
+ Object {
+ "height": 40,
+ "width": 40,
+ }
+ }
+ value={0}
+ >
+ <View
+ onLayout={[Function]}
+ renderToHardwareTextureAndroid={true}
+ style={
+ Array [
+ Object {
+ "backgroundColor": "#b3b3b3",
+ },
+ Object {
+ "borderRadius": 2,
+ "height": 4,
+ },
+ undefined,
+ ]
+ }
+ />
+ <View
+ renderToHardwareTextureAndroid={true}
+ style={
+ Object {
+ "backgroundColor": "#1d74f5",
+ "borderRadius": 2,
+ "height": 4,
+ "opacity": 0,
+ "position": "absolute",
+ "width": 0,
+ }
+ }
+ />
+ <View
+ onLayout={[Function]}
+ renderToHardwareTextureAndroid={true}
+ style={
+ Object {
+ "backgroundColor": "#1d74f5",
+ "borderRadius": 10,
+ "height": 12,
+ "opacity": 0,
+ "position": "absolute",
+ "transform": Array [
+ Object {
+ "translateX": 0,
+ },
+ Object {
+ "translateY": 0,
+ },
+ ],
+ "width": 12,
+ }
+ }
+ />
+ <View
+ onMoveShouldSetResponder={[Function]}
+ onMoveShouldSetResponderCapture={[Function]}
+ onResponderEnd={[Function]}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderReject={[Function]}
+ onResponderRelease={[Function]}
+ onResponderStart={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ onStartShouldSetResponderCapture={[Function]}
+ renderToHardwareTextureAndroid={true}
+ style={
+ Array [
+ Object {
+ "backgroundColor": "transparent",
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ },
+ Object {},
+ ]
+ }
+ />
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#54585e",
+ "fontSize": 14,
+ "fontWeight": "500",
+ "marginRight": 16,
+ }
+ }
+ >
+ 00:00
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This is a description
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1154,7 +7041,178 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ I’m fine!
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ View
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -1163,7 +7221,178 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ I’m fine!
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ View
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1195,7 +7424,149 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ View
+ View
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1227,7 +7598,178 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ View
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1259,7 +7801,179 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ View
+ View
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1291,7 +8005,178 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Broadcasted message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ View
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1323,7 +8208,177 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This message is inside an archived room
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1356,7 +8411,94 @@ exports[`Storyshots Message list 1`] = `
}
>
View
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ false,
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ false,
+ false,
+ Object {
+ "marginLeft": 0,
+ },
+ Object {
+ "opacity": 0.3,
+ },
+ ]
+ }
+ >
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This message has error too
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<View
style={
@@ -1366,7 +8508,181 @@ exports[`Storyshots Message list 1`] = `
}
>
View
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ Object {
+ "opacity": 0.3,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ This message has error
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1398,7 +8714,179 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ Object {
+ "opacity": 0.3,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Temp message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1430,7 +8918,179 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ Object {
+ "backgroundColor": "#fff5df",
+ },
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message being edited
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1462,7 +9122,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Message removed
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1494,7 +9305,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Has joined the channel
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1526,7 +9488,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Room name changed to: New name by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1558,7 +9671,159 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Message pinned
+ </Text>
+ View
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1590,7 +9855,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Has left the channel
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1622,7 +10038,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ User rocket.cat removed by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1654,7 +10221,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ User rocket.cat added by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1686,7 +10404,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ User rocket.cat muted by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1718,7 +10587,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ User rocket.cat unmuted by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1750,7 +10770,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ rocket.cat was set admin by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1780,9 +10951,160 @@ exports[`Storyshots Message list 1`] = `
Object {
"flexDirection": "row",
}
- }
- >
- View
+ }
+ >
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ rocket.cat is no longer admin by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1814,7 +11136,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Room description changed to: new description by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1846,7 +11319,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Room announcement changed to: new announcement by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1878,7 +11502,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Room topic changed to: new topic by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1910,7 +11685,158 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <Text
+ style={
+ Object {
+ "color": "#a0a0a0",
+ "fontSize": 16,
+ "fontStyle": "italic",
+ }
+ }
+ >
+ Room type changed to: public by diego.mello
+ </Text>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1942,7 +11868,182 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ Array [
+ undefined,
+ Object {
+ "backgroundColor": "#ddd",
+ },
+ ],
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Message
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -1974,7 +12075,244 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Italic with
+ </Text>
+ <Text
+ style={
+ Object {
+ "fontStyle": "italic",
+ }
+ }
+ >
+ <Text>
+ asterisks
+ </Text>
+ </Text>
+ <Text>
+ or
+ </Text>
+ <Text
+ style={
+ Object {
+ "fontStyle": "italic",
+ }
+ }
+ >
+ <Text>
+ underscores
+ </Text>
+ </Text>
+ <Text>
+ . Bold with
+ </Text>
+ <Text
+ style={
+ Object {
+ "fontWeight": "bold",
+ }
+ }
+ >
+ <Text>
+ asterisks
+ </Text>
+ </Text>
+ <Text>
+ or
+ </Text>
+ <Text
+ style={
+ Object {
+ "fontWeight": "bold",
+ }
+ }
+ >
+ <Text>
+ underscores
+ </Text>
+ </Text>
+ <Text>
+ .
+ </Text>
+ <Text
+ style={
+ Object {
+ "textDecorationLine": "line-through",
+ }
+ }
+ >
+ <Text>
+ Strikethrough
+ </Text>
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -2006,7 +12344,313 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ }
+ }
+ >
+ <Text
+ style={
+ Array [
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ },
+ Object {},
+ Object {
+ "fontSize": 32,
+ },
+ ]
+ }
+ >
+ <Text>
+ H1
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ }
+ }
+ >
+ <Text
+ style={
+ Array [
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ },
+ Object {},
+ Object {
+ "fontSize": 24,
+ },
+ ]
+ }
+ >
+ <Text>
+ H2
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ }
+ }
+ >
+ <Text
+ style={
+ Array [
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ },
+ Object {},
+ Object {
+ "fontSize": 18,
+ },
+ ]
+ }
+ >
+ <Text>
+ H3
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ }
+ }
+ >
+ <Text
+ style={
+ Array [
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ },
+ Object {},
+ Object {
+ "fontSize": 16,
+ },
+ ]
+ }
+ >
+ <Text>
+ H4
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ }
+ }
+ >
+ <Text
+ style={
+ Array [
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ },
+ Object {},
+ Object {
+ "fontSize": 13,
+ },
+ ]
+ }
+ >
+ <Text>
+ H5
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Object {
+ "flexDirection": "row",
+ }
+ }
+ >
+ <Text
+ style={
+ Array [
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ },
+ Object {},
+ Object {
+ "fontSize": 11,
+ },
+ ]
+ }
+ >
+ <Text>
+ H6
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -2038,7 +12682,207 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Support
+ </Text>
+ <Text
+ onPress={[Function]}
+ style={
+ Object {
+ "color": "#1D74F5",
+ }
+ }
+ >
+ <Text>
+ Google
+ </Text>
+ </Text>
+ <Text>
+
+ </Text>
+ <Text
+ onPress={[Function]}
+ style={
+ Object {
+ "color": "#1D74F5",
+ }
+ }
+ >
+ <Text>
+ I\`m an inline-style link
+ </Text>
+ </Text>
+ <Text>
+ https://google.com
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -2070,7 +12914,178 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Image
+ source={
+ Object {
+ "uri": "https://play.google.com/intl/en_us/badges/images/badge_new.png",
+ }
+ }
+ style={
+ Object {
+ "height": 300,
+ "resizeMode": "contain",
+ "width": 300,
+ }
+ }
+ />
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -2102,7 +13117,223 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Inline
+ </Text>
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#f5f5f5",
+ "borderColor": "#CCCCCC",
+ "borderRadius": 4,
+ "borderWidth": 1,
+ "padding": 2,
+ }
+ }
+ >
+ code
+ </Text>
+ <Text>
+ has
+ </Text>
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#f5f5f5",
+ "borderColor": "#CCCCCC",
+ "borderRadius": 4,
+ "borderWidth": 1,
+ "padding": 2,
+ }
+ }
+ >
+ back-ticks around
+ </Text>
+ <Text>
+ it.
+ </Text>
+ </Text>
+ </Text>
+ <Text
+ style={
+ Object {
+ "backgroundColor": "#f5f5f5",
+ "borderColor": "#CCCCCC",
+ "borderRadius": 4,
+ "borderWidth": 1,
+ "padding": 10,
+ }
+ }
+ >
+ Code block
+
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -2134,7 +13365,188 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <View
+ style={
+ Object {
+ "backgroundColor": "#CCCCCC",
+ "margin": 20,
+ "paddingHorizontal": 20,
+ "paddingVertical": 10,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "alignItems": "flex-start",
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ "justifyContent": "flex-start",
+ "marginBottom": 0,
+ "marginTop": 0,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Quote
+ </Text>
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
@@ -2166,7 +13578,353 @@ exports[`Storyshots Message list 1`] = `
}
}
>
- View
+ <View
+ accessible={true}
+ onResponderGrant={[Function]}
+ onResponderMove={[Function]}
+ onResponderRelease={[Function]}
+ onResponderTerminate={[Function]}
+ onResponderTerminationRequest={[Function]}
+ onStartShouldSetResponder={[Function]}
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "flexDirection": "column",
+ "paddingLeft": 10,
+ "paddingRight": 15,
+ "paddingVertical": 5,
+ "transform": Array [
+ Object {
+ "scaleY": -1,
+ },
+ ],
+ "width": "100%",
+ },
+ Object {
+ "marginBottom": 10,
+ },
+ undefined,
+ undefined,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "flex": 1,
+ "flexDirection": "row",
+ }
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ Object {
+ "marginTop": 5,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "overflow": "hidden",
+ },
+ Object {
+ "borderRadius": 4,
+ "height": 36,
+ "width": 36,
+ },
+ ]
+ }
+ >
+ <FastImageView
+ resizeMode="cover"
+ source={
+ Object {
+ "priority": "high",
+ "uri": "https://open.rocket.chat/avatar/diego.mello?format=png&width=50&height=50&rc_token=79q6lH40W4ZRGLOshDiDiVlQaCc4f_lU9HNdHLAzuHz&rc_uid=y8bd77ptZswPj3EW8",
+ }
+ }
+ style={
+ Object {
+ "bottom": 0,
+ "left": 0,
+ "position": "absolute",
+ "right": 0,
+ "top": 0,
+ }
+ }
+ />
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "marginLeft": 51,
+ },
+ Object {
+ "marginLeft": 15,
+ },
+ false,
+ false,
+ false,
+ ]
+ }
+ >
+ <View
+ style={
+ Object {
+ "alignItems": "center",
+ "flexDirection": "row",
+ "marginBottom": 2,
+ }
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "fontWeight": "600",
+ "lineHeight": 22,
+ }
+ }
+ >
+ diego.mello
+ </Text>
+ <Text
+ style={
+ Object {
+ "color": "#9EA2A8",
+ "fontSize": 14,
+ "fontWeight": "300",
+ "lineHeight": 16,
+ "paddingLeft": 10,
+ }
+ }
+ >
+ 10:00 AM
+ </Text>
+ </View>
+ <View
+ style={Object {}}
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderColor": "#000000",
+ "borderRadius": 3,
+ "borderWidth": 1,
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {},
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "borderBottomWidth": 1,
+ "borderColor": "#000000",
+ "flexDirection": "row",
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "padding": 5,
+ },
+ ]
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ First Header
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "padding": 5,
+ },
+ ]
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Second Header
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ <View>
+ <View
+ style={
+ Array [
+ Object {
+ "borderBottomWidth": 1,
+ "borderColor": "#000000",
+ "flexDirection": "row",
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "padding": 5,
+ },
+ ]
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Content from cell 1
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "padding": 5,
+ },
+ ]
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Content from cell 2
+ </Text>
+ </Text>
+ </View>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "borderBottomWidth": 1,
+ "borderColor": "#000000",
+ "flexDirection": "row",
+ },
+ ]
+ }
+ >
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "padding": 5,
+ },
+ ]
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Content in the first column
+ </Text>
+ </Text>
+ </View>
+ <View
+ style={
+ Array [
+ Object {
+ "flex": 1,
+ "padding": 5,
+ },
+ ]
+ }
+ >
+ <Text
+ style={
+ Object {
+ "color": "#0C0D0F",
+ "fontSize": 16,
+ "letterSpacing": 0.1,
+ }
+ }
+ >
+ <Text>
+ Content in the second column
+ </Text>
+ </Text>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
+ </View>
</View>
<Text
style={
diff --git a/app/containers/MessageActions.js b/app/containers/MessageActions.js
index 1bda7f321..ccbfa35a9 100644
--- a/app/containers/MessageActions.js
+++ b/app/containers/MessageActions.js
@@ -1,8 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
-import {
- Alert, Clipboard, Vibration, Share
-} from 'react-native';
+import { Alert, Clipboard, Share } from 'react-native';
import { connect } from 'react-redux';
import ActionSheet from 'react-native-action-sheet';
import * as moment from 'moment';
@@ -17,6 +15,7 @@ import {
toggleStarRequest as toggleStarRequestAction
} from '../actions/messages';
import { showToast } from '../utils/info';
+import { vibrate } from '../utils/vibration';
import RocketChat from '../lib/rocketchat';
import I18n from '../i18n';
@@ -126,7 +125,7 @@ export default class MessageActions extends React.Component {
}
setTimeout(() => {
this.showActionSheet();
- Vibration.vibrate(50);
+ vibrate();
});
}
diff --git a/app/containers/message/Message.js b/app/containers/message/Message.js
index aead0e65d..943e503f5 100644
--- a/app/containers/message/Message.js
+++ b/app/containers/message/Message.js
@@ -1,7 +1,7 @@
import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import {
- View, Text, ViewPropTypes, Image as ImageRN
+ View, Text, ViewPropTypes, Image as ImageRN, TouchableWithoutFeedback
} from 'react-native';
import Icon from 'react-native-vector-icons/MaterialIcons';
import moment from 'moment';
@@ -199,7 +199,7 @@ export default class Message extends PureComponent {
if (header) {
return (
<User
- onPress={this._onPress}
+ onPress={this.onPress}
timeFormat={timeFormat}
username={(useRealName && author.name) || author.username}
alias={alias}
@@ -348,59 +348,53 @@ export default class Message extends PureComponent {
editing, style, header, archived, onLongPress, reactionsModal, closeReactions, msg, ts, reactions, author, user, timeFormat, customEmojis, baseUrl
} = this.props;
const accessibilityLabel = I18n.t('Message_accessibility', { user: author.username, time: moment(ts).format(timeFormat), message: msg });
+ const disabled = this.isInfoMessage() || this.hasError() || archived;
return (
<View style={styles.root}>
{this.renderError()}
- <LongPressGestureHandler
- onHandlerStateChange={({ nativeEvent }) => nativeEvent.state === State.ACTIVE && onLongPress()}
+ <TouchableWithoutFeedback
+ onLongPress={!disabled && onLongPress}
+ onPress={this.onPress}
>
- <RectButton
- enabled={!(this.isInfoMessage() || this.hasError() || archived)}
- style={[styles.container, header && styles.marginBottom]}
- onPress={this.onPress}
- activeOpacity={0.8}
- underlayColor='#e1e5e8'
+ <View
+ style={[styles.container, header && styles.marginBottom, editing && styles.editing, style]}
+ accessibilityLabel={accessibilityLabel}
>
- <View
- style={[styles.message, editing && styles.editing, style]}
- accessibilityLabel={accessibilityLabel}
- >
- <View style={styles.flex}>
- {this.renderAvatar()}
- <View
- style={[
- styles.messageContent,
- header && styles.messageContentWithHeader,
- this.hasError() && header && styles.messageContentWithHeader,
- this.hasError() && !header && styles.messageContentWithError,
- this.isTemp() && styles.temp
- ]}
- >
- {this.renderUsername()}
- {this.renderContent()}
- {this.renderAttachment()}
- {this.renderUrl()}
- {this.renderReactions()}
- {this.renderBroadcastReply()}
- </View>
+ <View style={styles.flex}>
+ {this.renderAvatar()}
+ <View
+ style={[
+ styles.messageContent,
+ header && styles.messageContentWithHeader,
+ this.hasError() && header && styles.messageContentWithHeader,
+ this.hasError() && !header && styles.messageContentWithError,
+ this.isTemp() && styles.temp
+ ]}
+ >
+ {this.renderUsername()}
+ {this.renderContent()}
+ {this.renderAttachment()}
+ {this.renderUrl()}
+ {this.renderReactions()}
+ {this.renderBroadcastReply()}
</View>
- {reactionsModal
- ? (
- <ReactionsModal
- isVisible={reactionsModal}
- reactions={reactions}
- user={user}
- customEmojis={customEmojis}
- baseUrl={baseUrl}
- close={closeReactions}
- />
- )
- : null
- }
</View>
- </RectButton>
- </LongPressGestureHandler>
+ {reactionsModal
+ ? (
+ <ReactionsModal
+ isVisible={reactionsModal}
+ reactions={reactions}
+ user={user}
+ customEmojis={customEmojis}
+ baseUrl={baseUrl}
+ close={closeReactions}
+ />
+ )
+ : null
+ }
+ </View>
+ </TouchableWithoutFeedback>
</View>
);
}
diff --git a/app/containers/message/index.js b/app/containers/message/index.js
index 5d135d2b6..4da77d2ae 100644
--- a/app/containers/message/index.js
+++ b/app/containers/message/index.js
@@ -1,6 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
-import { Vibration, ViewPropTypes } from 'react-native';
+import { ViewPropTypes } from 'react-native';
import { connect } from 'react-redux';
import equal from 'deep-equal';
@@ -10,6 +10,7 @@ import {
toggleReactionPicker as toggleReactionPickerAction,
replyBroadcast as replyBroadcastAction
} from '../../actions/messages';
+import { vibrate } from '../../utils/vibration';
@connect(state => ({
baseUrl: state.settings.Site_Url || state.server ? state.server.server : '',
@@ -119,7 +120,7 @@ export default class MessageContainer extends React.Component {
onReactionLongPress = () => {
this.setState({ reactionsModal: true });
- Vibration.vibrate(50);
+ vibrate();
}
get timeFormat() {
diff --git a/app/containers/message/styles.js b/app/containers/message/styles.js
index b74e9c3c8..540540b2a 100644
--- a/app/containers/message/styles.js
+++ b/app/containers/message/styles.js
@@ -6,8 +6,12 @@ export default StyleSheet.create({
},
container: {
paddingVertical: 5,
- flexDirection: 'row',
- width: '100%'
+ width: '100%',
+ paddingLeft: 10,
+ paddingRight: 15,
+ flexDirection: 'column',
+ transform: [{ scaleY: -1 }],
+ flex: 1
},
messageContent: {
flex: 1,
@@ -23,13 +27,6 @@ export default StyleSheet.create({
flexDirection: 'row',
flex: 1
},
- message: {
- paddingLeft: 10,
- paddingRight: 15,
- flexDirection: 'column',
- transform: [{ scaleY: -1 }],
- flex: 1
- },
textInfo: {
fontStyle: 'italic',
color: '#a0a0a0',
diff --git a/app/utils/vibration.js b/app/utils/vibration.js
new file mode 100644
index 000000000..a91c3e13c
--- /dev/null
+++ b/app/utils/vibration.js
@@ -0,0 +1,11 @@
+import { Vibration } from 'react-native';
+
+import { isAndroid } from './deviceInfo';
+
+const vibrate = () => {
+ if (isAndroid) {
+ Vibration.vibrate(30);
+ }
+};
+
+export { vibrate };
diff --git a/app/views/RoomMembersView/index.js b/app/views/RoomMembersView/index.js
index 932e46c62..1a9e86281 100644
--- a/app/views/RoomMembersView/index.js
+++ b/app/views/RoomMembersView/index.js
@@ -1,8 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
-import {
- FlatList, View, Vibration
-} from 'react-native';
+import { FlatList, View } from 'react-native';
import ActionSheet from 'react-native-action-sheet';
import { connect } from 'react-redux';
import SafeAreaView from 'react-native-safe-area-view';
@@ -18,6 +16,7 @@ import database from '../../lib/realm';
import { showToast } from '../../utils/info';
import log from '../../utils/log';
import { isAndroid } from '../../utils/deviceInfo';
+import { vibrate } from '../../utils/vibration';
import I18n from '../../i18n';
import SearchBox from '../../containers/SearchBox';
import protectedFunction from '../../lib/methods/helpers/protectedFunction';
@@ -184,7 +183,7 @@ export default class RoomMembersView extends LoggedView {
this.actionSheetOptions.push(I18n.t('Mute'));
}
this.setState({ userLongPressed: user });
- Vibration.vibrate(50);
+ vibrate();
this.showActionSheet();
}
--
GitLab