stream-chat-react-native-core 9.3.0 → 9.3.1-beta.2

package/src/components/Thread/__tests__/__snapshots__/Thread.test.tsx.snap

@@ -330,325 +330,313 @@ exports[`Thread should match thread snapshot 1`] = `
               testID="message-list-item-38ef6f7c-3090-5759-a37f-ab0053aadb96"
             >
               <View
-                testID="message-list-item-38ef6f7c-3090-5759-a37f-ab0053aadb96"
-              >
-                <View
-                  style={
+                style={
+                  [
                     [
-                      [
-                        {},
-                      ],
-                      {
-                        "paddingHorizontal": 16,
-                      },
-                    ]
-                  }
-                  testID="message-wrapper"
-                >
-                  <View />
-                  <View>
+                      {},
+                    ],
+                    {
+                      "paddingHorizontal": 16,
+                    },
+                  ]
+                }
+                testID="message-wrapper"
+              >
+                <View />
+                <View>
+                  <View
+                    collapsable={false}
+                  >
                     <View
                       collapsable={false}
+                      hitSlop={
+                        {
+                          "left": 750,
+                          "right": 750,
+                        }
+                      }
+                      style={
+                        {
+                          "alignItems": "center",
+                          "flexDirection": "row",
+                          "zIndex": 1,
+                        }
+                      }
                     >
                       <View
-                        collapsable={false}
-                        hitSlop={
-                          {
-                            "left": 750,
-                            "right": 750,
-                          }
-                        }
+                        pointerEvents="box-none"
                         style={
                           {
-                            "alignItems": "center",
+                            "alignItems": "flex-end",
                             "flexDirection": "row",
-                            "zIndex": 1,
+                            "gap": 8,
+                            "paddingVertical": 8,
+                            "width": "100%",
                           }
                         }
+                        testID="message-item-view-wrapper"
                       >
                         <View
-                          pointerEvents="box-none"
-                          style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "paddingVertical": 8,
-                              "width": "100%",
-                            }
-                          }
-                          testID="message-item-view-wrapper"
+                          style={{}}
+                          testID="message-author"
                         >
                           <View
-                            style={{}}
-                            testID="message-author"
+                            testID="user-avatar"
                           >
                             <View
-                              testID="user-avatar"
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "borderRadius": 9999,
+                                    "justifyContent": "center",
+                                    "overflow": "hidden",
+                                  },
+                                  {
+                                    "height": 32,
+                                    "width": 32,
+                                  },
+                                  {
+                                    "backgroundColor": "#fcd579",
+                                  },
+                                  {
+                                    "borderColor": "rgba(26, 27, 37, 0.1)",
+                                    "borderWidth": 1,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="avatar-image"
                             >
-                              <View
+                              <Image
+                                accessibilityElementsHidden={true}
+                                importantForAccessibility="no"
+                                onError={[Function]}
+                                source={
+                                  {
+                                    "uri": "https://i.imgur.com/LuuGvh0.png",
+                                  }
+                                }
                                 style={
                                   [
-                                    {
-                                      "alignItems": "center",
-                                      "borderRadius": 9999,
-                                      "justifyContent": "center",
-                                      "overflow": "hidden",
-                                    },
+                                    {},
                                     {
                                       "height": 32,
                                       "width": 32,
                                     },
-                                    {
-                                      "backgroundColor": "#fcd579",
-                                    },
-                                    {
-                                      "borderColor": "rgba(26, 27, 37, 0.1)",
-                                      "borderWidth": 1,
-                                    },
-                                    undefined,
                                   ]
                                 }
-                                testID="avatar-image"
-                              >
-                                <Image
-                                  accessibilityElementsHidden={true}
-                                  importantForAccessibility="no"
-                                  onError={[Function]}
-                                  source={
-                                    {
-                                      "uri": "https://i.imgur.com/LuuGvh0.png",
-                                    }
-                                  }
-                                  style={
-                                    [
-                                      {},
-                                      {
-                                        "height": 32,
-                                        "width": 32,
-                                      },
-                                    ]
-                                  }
-                                />
-                              </View>
+                              />
                             </View>
                           </View>
+                        </View>
+                        <View
+                          style={
+                            [
+                              {
+                                "gap": 4,
+                              },
+                              {
+                                "alignItems": "flex-start",
+                              },
+                              {},
+                            ]
+                          }
+                          testID="message-components"
+                        >
                           <View
                             style={
-                              [
-                                {
-                                  "gap": 4,
-                                },
-                                {
-                                  "alignItems": "flex-start",
-                                },
-                                {},
-                              ]
+                              {
+                                "zIndex": 1,
+                              }
                             }
-                            testID="message-components"
                           >
                             <View
                               style={
                                 {
-                                  "zIndex": 1,
+                                  "alignSelf": "flex-end",
+                                }
+                              }
+                            />
+                            <View
+                              style={
+                                {
+                                  "alignSelf": "flex-start",
                                 }
                               }
                             >
                               <View
-                                style={
+                                accessibilityState={
                                   {
-                                    "alignSelf": "flex-end",
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
                                   }
                                 }
-                              />
-                              <View
-                                style={
+                                accessibilityValue={
                                   {
-                                    "alignSelf": "flex-start",
+                                    "max": undefined,
+                                    "min": undefined,
+                                    "now": undefined,
+                                    "text": undefined,
                                   }
                                 }
+                                accessible={true}
+                                collapsable={false}
+                                focusable={true}
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={{}}
                               >
                                 <View
-                                  accessibilityState={
-                                    {
-                                      "busy": undefined,
-                                      "checked": undefined,
-                                      "disabled": undefined,
-                                      "expanded": undefined,
-                                      "selected": undefined,
-                                    }
-                                  }
-                                  accessibilityValue={
-                                    {
-                                      "max": undefined,
-                                      "min": undefined,
-                                      "now": undefined,
-                                      "text": undefined,
-                                    }
+                                  style={
+                                    [
+                                      {
+                                        "borderTopLeftRadius": 20,
+                                        "borderTopRightRadius": 20,
+                                        "borderWidth": 0,
+                                        "overflow": "hidden",
+                                      },
+                                      {
+                                        "backgroundColor": "#ebeef1",
+                                        "borderBottomLeftRadius": 0,
+                                        "borderBottomRightRadius": 20,
+                                      },
+                                      {},
+                                      {},
+                                      {},
+                                    ]
                                   }
-                                  accessible={true}
-                                  collapsable={false}
-                                  focusable={true}
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onResponderGrant={[Function]}
-                                  onResponderMove={[Function]}
-                                  onResponderRelease={[Function]}
-                                  onResponderTerminate={[Function]}
-                                  onResponderTerminationRequest={[Function]}
-                                  onStartShouldSetResponder={[Function]}
-                                  style={{}}
+                                  testID="message-content-wrapper"
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "borderTopLeftRadius": 20,
-                                          "borderTopRightRadius": 20,
-                                          "borderWidth": 0,
-                                          "overflow": "hidden",
+                                          "gap": 8,
+                                          "paddingBottom": 0,
+                                          "paddingHorizontal": 8,
+                                          "paddingTop": 0,
                                         },
+                                        {},
+                                      ]
+                                    }
+                                  />
+                                  <View
+                                    style={
+                                      [
                                         {
-                                          "backgroundColor": "#ebeef1",
-                                          "borderBottomLeftRadius": 0,
-                                          "borderBottomRightRadius": 20,
+                                          "maxWidth": 256,
+                                          "paddingHorizontal": 12,
                                         },
                                         {},
-                                        {},
-                                        {},
+                                        undefined,
                                       ]
                                     }
-                                    testID="message-content-wrapper"
+                                    testID="message-text-container"
                                   >
                                     <View
                                       style={
                                         [
                                           {
-                                            "gap": 8,
-                                            "paddingBottom": 0,
-                                            "paddingHorizontal": 8,
-                                            "paddingTop": 0,
-                                          },
-                                          {},
-                                        ]
-                                      }
-                                    />
-                                    <View
-                                      style={
-                                        [
-                                          {
-                                            "maxWidth": 256,
-                                            "paddingHorizontal": 12,
+                                            "alignSelf": "stretch",
                                           },
-                                          {},
                                           undefined,
                                         ]
                                       }
-                                      testID="message-text-container"
                                     >
-                                      <View
+                                      <Text
                                         style={
-                                          [
-                                            {
-                                              "alignSelf": "stretch",
-                                            },
-                                            undefined,
-                                          ]
+                                          {
+                                            "alignItems": "flex-start",
+                                            "flexDirection": "row",
+                                            "flexWrap": "wrap",
+                                            "fontSize": 17,
+                                            "justifyContent": "flex-start",
+                                            "lineHeight": 20,
+                                            "marginBottom": 8,
+                                            "marginTop": 8,
+                                          }
                                         }
                                       >
                                         <Text
                                           style={
                                             {
-                                              "alignItems": "flex-start",
-                                              "flexDirection": "row",
-                                              "flexWrap": "wrap",
+                                              "color": "#1a1b25",
                                               "fontSize": 17,
-                                              "justifyContent": "flex-start",
                                               "lineHeight": 20,
-                                              "marginBottom": 8,
-                                              "marginTop": 8,
+                                              "writingDirection": "ltr",
                                             }
                                           }
                                         >
-                                          <Text
-                                            style={
-                                              {
-                                                "color": "#1a1b25",
-                                                "fontSize": 17,
-                                                "lineHeight": 20,
-                                                "writingDirection": "ltr",
-                                              }
-                                            }
-                                          >
-                                            Message6
-                                          </Text>
+                                          Message6
                                         </Text>
-                                      </View>
+                                      </Text>
                                     </View>
                                   </View>
                                 </View>
                               </View>
                             </View>
-                            <View
+                          </View>
+                          <View
+                            style={
+                              [
+                                {
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "gap": 4,
+                                  "justifyContent": "center",
+                                  "maxWidth": "100%",
+                                  "paddingVertical": 4,
+                                },
+                                {},
+                              ]
+                            }
+                            testID="message-status-time"
+                          >
+                            <Text
                               style={
                                 {
-                                  "marginTop": -4,
-                                  "zIndex": 0,
+                                  "color": "#687385",
+                                  "fontSize": 13,
+                                  "fontWeight": 400,
+                                  "lineHeight": 16,
                                 }
                               }
-                            />
-                            <View
+                            >
+                              2:50 PM
+                            </Text>
+                            <Text
                               style={
                                 [
                                   {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "gap": 4,
-                                    "justifyContent": "center",
-                                    "maxWidth": "100%",
-                                    "paddingVertical": 4,
+                                    "color": "#687385",
+                                    "fontSize": 13,
+                                    "fontWeight": 400,
+                                    "lineHeight": 16,
                                   },
                                   {},
                                 ]
                               }
-                              testID="message-status-time"
                             >
-                              <Text
-                                style={
-                                  {
-                                    "color": "#687385",
-                                    "fontSize": 13,
-                                    "fontWeight": 400,
-                                    "lineHeight": 16,
-                                  }
-                                }
-                              >
-                                2:50 PM
-                              </Text>
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#687385",
-                                      "fontSize": 13,
-                                      "fontWeight": 400,
-                                      "lineHeight": 16,
-                                    },
-                                    {},
-                                  ]
-                                }
-                              >
-                                Edited
-                              </Text>
-                            </View>
+                              Edited
+                            </Text>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                  <View />
                 </View>
+                <View />
               </View>
             </View>
           </View>
@@ -674,325 +662,313 @@ exports[`Thread should match thread snapshot 1`] = `
               testID="message-list-item-516efa25-5d29-5c9a-ad2d-4cc183e785bd"
             >
               <View
-                testID="message-list-item-516efa25-5d29-5c9a-ad2d-4cc183e785bd"
-              >
-                <View
-                  style={
+                style={
+                  [
                     [
-                      [
-                        {},
-                      ],
-                      {
-                        "paddingHorizontal": 16,
-                      },
-                    ]
-                  }
-                  testID="message-wrapper"
-                >
-                  <View />
-                  <View>
+                      {},
+                    ],
+                    {
+                      "paddingHorizontal": 16,
+                    },
+                  ]
+                }
+                testID="message-wrapper"
+              >
+                <View />
+                <View>
+                  <View
+                    collapsable={false}
+                  >
                     <View
                       collapsable={false}
+                      hitSlop={
+                        {
+                          "left": 750,
+                          "right": 750,
+                        }
+                      }
+                      style={
+                        {
+                          "alignItems": "center",
+                          "flexDirection": "row",
+                          "zIndex": 1,
+                        }
+                      }
                     >
                       <View
-                        collapsable={false}
-                        hitSlop={
-                          {
-                            "left": 750,
-                            "right": 750,
-                          }
-                        }
+                        pointerEvents="box-none"
                         style={
                           {
-                            "alignItems": "center",
+                            "alignItems": "flex-end",
                             "flexDirection": "row",
-                            "zIndex": 1,
+                            "gap": 8,
+                            "paddingVertical": 8,
+                            "width": "100%",
                           }
                         }
+                        testID="message-item-view-wrapper"
                       >
                         <View
-                          pointerEvents="box-none"
-                          style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "paddingVertical": 8,
-                              "width": "100%",
-                            }
-                          }
-                          testID="message-item-view-wrapper"
+                          style={{}}
+                          testID="message-author"
                         >
                           <View
-                            style={{}}
-                            testID="message-author"
+                            testID="user-avatar"
                           >
                             <View
-                              testID="user-avatar"
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "borderRadius": 9999,
+                                    "justifyContent": "center",
+                                    "overflow": "hidden",
+                                  },
+                                  {
+                                    "height": 32,
+                                    "width": 32,
+                                  },
+                                  {
+                                    "backgroundColor": "#8febbd",
+                                  },
+                                  {
+                                    "borderColor": "rgba(26, 27, 37, 0.1)",
+                                    "borderWidth": 1,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="avatar-image"
                             >
-                              <View
+                              <Image
+                                accessibilityElementsHidden={true}
+                                importantForAccessibility="no"
+                                onError={[Function]}
+                                source={
+                                  {
+                                    "uri": "https://i.imgur.com/spueyAP.png",
+                                  }
+                                }
                                 style={
                                   [
-                                    {
-                                      "alignItems": "center",
-                                      "borderRadius": 9999,
-                                      "justifyContent": "center",
-                                      "overflow": "hidden",
-                                    },
+                                    {},
                                     {
                                       "height": 32,
                                       "width": 32,
                                     },
-                                    {
-                                      "backgroundColor": "#8febbd",
-                                    },
-                                    {
-                                      "borderColor": "rgba(26, 27, 37, 0.1)",
-                                      "borderWidth": 1,
-                                    },
-                                    undefined,
                                   ]
                                 }
-                                testID="avatar-image"
-                              >
-                                <Image
-                                  accessibilityElementsHidden={true}
-                                  importantForAccessibility="no"
-                                  onError={[Function]}
-                                  source={
-                                    {
-                                      "uri": "https://i.imgur.com/spueyAP.png",
-                                    }
-                                  }
-                                  style={
-                                    [
-                                      {},
-                                      {
-                                        "height": 32,
-                                        "width": 32,
-                                      },
-                                    ]
-                                  }
-                                />
-                              </View>
+                              />
                             </View>
                           </View>
+                        </View>
+                        <View
+                          style={
+                            [
+                              {
+                                "gap": 4,
+                              },
+                              {
+                                "alignItems": "flex-start",
+                              },
+                              {},
+                            ]
+                          }
+                          testID="message-components"
+                        >
                           <View
                             style={
-                              [
-                                {
-                                  "gap": 4,
-                                },
-                                {
-                                  "alignItems": "flex-start",
-                                },
-                                {},
-                              ]
+                              {
+                                "zIndex": 1,
+                              }
                             }
-                            testID="message-components"
                           >
                             <View
                               style={
                                 {
-                                  "zIndex": 1,
+                                  "alignSelf": "flex-end",
+                                }
+                              }
+                            />
+                            <View
+                              style={
+                                {
+                                  "alignSelf": "flex-start",
                                 }
                               }
                             >
                               <View
-                                style={
+                                accessibilityState={
                                   {
-                                    "alignSelf": "flex-end",
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
                                   }
                                 }
-                              />
-                              <View
-                                style={
+                                accessibilityValue={
                                   {
-                                    "alignSelf": "flex-start",
+                                    "max": undefined,
+                                    "min": undefined,
+                                    "now": undefined,
+                                    "text": undefined,
                                   }
                                 }
+                                accessible={true}
+                                collapsable={false}
+                                focusable={true}
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={{}}
                               >
                                 <View
-                                  accessibilityState={
-                                    {
-                                      "busy": undefined,
-                                      "checked": undefined,
-                                      "disabled": undefined,
-                                      "expanded": undefined,
-                                      "selected": undefined,
-                                    }
-                                  }
-                                  accessibilityValue={
-                                    {
-                                      "max": undefined,
-                                      "min": undefined,
-                                      "now": undefined,
-                                      "text": undefined,
-                                    }
+                                  style={
+                                    [
+                                      {
+                                        "borderTopLeftRadius": 20,
+                                        "borderTopRightRadius": 20,
+                                        "borderWidth": 0,
+                                        "overflow": "hidden",
+                                      },
+                                      {
+                                        "backgroundColor": "#ebeef1",
+                                        "borderBottomLeftRadius": 0,
+                                        "borderBottomRightRadius": 20,
+                                      },
+                                      {},
+                                      {},
+                                      {},
+                                    ]
                                   }
-                                  accessible={true}
-                                  collapsable={false}
-                                  focusable={true}
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onResponderGrant={[Function]}
-                                  onResponderMove={[Function]}
-                                  onResponderRelease={[Function]}
-                                  onResponderTerminate={[Function]}
-                                  onResponderTerminationRequest={[Function]}
-                                  onStartShouldSetResponder={[Function]}
-                                  style={{}}
+                                  testID="message-content-wrapper"
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "borderTopLeftRadius": 20,
-                                          "borderTopRightRadius": 20,
-                                          "borderWidth": 0,
-                                          "overflow": "hidden",
+                                          "gap": 8,
+                                          "paddingBottom": 0,
+                                          "paddingHorizontal": 8,
+                                          "paddingTop": 0,
                                         },
+                                        {},
+                                      ]
+                                    }
+                                  />
+                                  <View
+                                    style={
+                                      [
                                         {
-                                          "backgroundColor": "#ebeef1",
-                                          "borderBottomLeftRadius": 0,
-                                          "borderBottomRightRadius": 20,
+                                          "maxWidth": 256,
+                                          "paddingHorizontal": 12,
                                         },
                                         {},
-                                        {},
-                                        {},
+                                        undefined,
                                       ]
                                     }
-                                    testID="message-content-wrapper"
+                                    testID="message-text-container"
                                   >
                                     <View
                                       style={
                                         [
                                           {
-                                            "gap": 8,
-                                            "paddingBottom": 0,
-                                            "paddingHorizontal": 8,
-                                            "paddingTop": 0,
-                                          },
-                                          {},
-                                        ]
-                                      }
-                                    />
-                                    <View
-                                      style={
-                                        [
-                                          {
-                                            "maxWidth": 256,
-                                            "paddingHorizontal": 12,
+                                            "alignSelf": "stretch",
                                           },
-                                          {},
                                           undefined,
                                         ]
                                       }
-                                      testID="message-text-container"
                                     >
-                                      <View
+                                      <Text
                                         style={
-                                          [
-                                            {
-                                              "alignSelf": "stretch",
-                                            },
-                                            undefined,
-                                          ]
+                                          {
+                                            "alignItems": "flex-start",
+                                            "flexDirection": "row",
+                                            "flexWrap": "wrap",
+                                            "fontSize": 17,
+                                            "justifyContent": "flex-start",
+                                            "lineHeight": 20,
+                                            "marginBottom": 8,
+                                            "marginTop": 8,
+                                          }
                                         }
                                       >
                                         <Text
                                           style={
                                             {
-                                              "alignItems": "flex-start",
-                                              "flexDirection": "row",
-                                              "flexWrap": "wrap",
+                                              "color": "#1a1b25",
                                               "fontSize": 17,
-                                              "justifyContent": "flex-start",
                                               "lineHeight": 20,
-                                              "marginBottom": 8,
-                                              "marginTop": 8,
+                                              "writingDirection": "ltr",
                                             }
                                           }
                                         >
-                                          <Text
-                                            style={
-                                              {
-                                                "color": "#1a1b25",
-                                                "fontSize": 17,
-                                                "lineHeight": 20,
-                                                "writingDirection": "ltr",
-                                              }
-                                            }
-                                          >
-                                            Message5
-                                          </Text>
+                                          Message5
                                         </Text>
-                                      </View>
+                                      </Text>
                                     </View>
                                   </View>
                                 </View>
                               </View>
                             </View>
-                            <View
+                          </View>
+                          <View
+                            style={
+                              [
+                                {
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "gap": 4,
+                                  "justifyContent": "center",
+                                  "maxWidth": "100%",
+                                  "paddingVertical": 4,
+                                },
+                                {},
+                              ]
+                            }
+                            testID="message-status-time"
+                          >
+                            <Text
                               style={
                                 {
-                                  "marginTop": -4,
-                                  "zIndex": 0,
+                                  "color": "#687385",
+                                  "fontSize": 13,
+                                  "fontWeight": 400,
+                                  "lineHeight": 16,
                                 }
                               }
-                            />
-                            <View
+                            >
+                              2:50 PM
+                            </Text>
+                            <Text
                               style={
                                 [
                                   {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "gap": 4,
-                                    "justifyContent": "center",
-                                    "maxWidth": "100%",
-                                    "paddingVertical": 4,
+                                    "color": "#687385",
+                                    "fontSize": 13,
+                                    "fontWeight": 400,
+                                    "lineHeight": 16,
                                   },
                                   {},
                                 ]
                               }
-                              testID="message-status-time"
                             >
-                              <Text
-                                style={
-                                  {
-                                    "color": "#687385",
-                                    "fontSize": 13,
-                                    "fontWeight": 400,
-                                    "lineHeight": 16,
-                                  }
-                                }
-                              >
-                                2:50 PM
-                              </Text>
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#687385",
-                                      "fontSize": 13,
-                                      "fontWeight": 400,
-                                      "lineHeight": 16,
-                                    },
-                                    {},
-                                  ]
-                                }
-                              >
-                                Edited
-                              </Text>
-                            </View>
+                              Edited
+                            </Text>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                  <View />
                 </View>
+                <View />
               </View>
             </View>
           </View>
@@ -1018,358 +994,346 @@ exports[`Thread should match thread snapshot 1`] = `
               testID="message-list-item-82a83b16-b611-527c-b3ac-765ef6220490"
             >
               <View
-                testID="message-list-item-82a83b16-b611-527c-b3ac-765ef6220490"
+                style={
+                  {
+                    "paddingVertical": 8,
+                  }
+                }
               >
                 <View
                   style={
                     {
-                      "paddingVertical": 8,
+                      "alignSelf": "center",
+                      "backgroundColor": "#f6f8fa",
+                      "borderRadius": 9999,
+                      "paddingHorizontal": 12,
+                      "paddingVertical": 4,
                     }
                   }
+                  testID="date-separator"
                 >
-                  <View
+                  <Text
                     style={
                       {
-                        "alignSelf": "center",
-                        "backgroundColor": "#f6f8fa",
-                        "borderRadius": 9999,
-                        "paddingHorizontal": 12,
-                        "paddingVertical": 4,
+                        "color": "#414552",
+                        "fontSize": 13,
+                        "fontWeight": 600,
+                        "lineHeight": 16,
                       }
                     }
-                    testID="date-separator"
                   >
-                    <Text
-                      style={
-                        {
-                          "color": "#414552",
-                          "fontSize": 13,
-                          "fontWeight": 600,
-                          "lineHeight": 16,
-                        }
-                      }
-                    >
-                      05/05/2020
-                    </Text>
-                  </View>
+                    05/05/2020
+                  </Text>
                 </View>
-                <View
-                  style={
+              </View>
+              <View
+                style={
+                  [
                     [
-                      [
-                        {},
-                      ],
-                      {
-                        "paddingHorizontal": 16,
-                      },
-                    ]
-                  }
-                  testID="message-wrapper"
-                >
-                  <View />
-                  <View>
+                      {},
+                    ],
+                    {
+                      "paddingHorizontal": 16,
+                    },
+                  ]
+                }
+                testID="message-wrapper"
+              >
+                <View />
+                <View>
+                  <View
+                    collapsable={false}
+                  >
                     <View
                       collapsable={false}
+                      hitSlop={
+                        {
+                          "left": 750,
+                          "right": 750,
+                        }
+                      }
+                      style={
+                        {
+                          "alignItems": "center",
+                          "flexDirection": "row",
+                          "zIndex": 1,
+                        }
+                      }
                     >
                       <View
-                        collapsable={false}
-                        hitSlop={
-                          {
-                            "left": 750,
-                            "right": 750,
-                          }
-                        }
+                        pointerEvents="box-none"
                         style={
                           {
-                            "alignItems": "center",
+                            "alignItems": "flex-end",
                             "flexDirection": "row",
-                            "zIndex": 1,
+                            "gap": 8,
+                            "paddingVertical": 8,
+                            "width": "100%",
                           }
                         }
+                        testID="message-item-view-wrapper"
                       >
                         <View
-                          pointerEvents="box-none"
-                          style={
-                            {
-                              "alignItems": "flex-end",
-                              "flexDirection": "row",
-                              "gap": 8,
-                              "paddingVertical": 8,
-                              "width": "100%",
-                            }
-                          }
-                          testID="message-item-view-wrapper"
+                          style={{}}
+                          testID="message-author"
                         >
                           <View
-                            style={{}}
-                            testID="message-author"
+                            testID="user-avatar"
                           >
                             <View
-                              testID="user-avatar"
+                              style={
+                                [
+                                  {
+                                    "alignItems": "center",
+                                    "borderRadius": 9999,
+                                    "justifyContent": "center",
+                                    "overflow": "hidden",
+                                  },
+                                  {
+                                    "height": 32,
+                                    "width": 32,
+                                  },
+                                  {
+                                    "backgroundColor": "#fcd579",
+                                  },
+                                  {
+                                    "borderColor": "rgba(26, 27, 37, 0.1)",
+                                    "borderWidth": 1,
+                                  },
+                                  undefined,
+                                ]
+                              }
+                              testID="avatar-image"
                             >
-                              <View
+                              <Image
+                                accessibilityElementsHidden={true}
+                                importantForAccessibility="no"
+                                onError={[Function]}
+                                source={
+                                  {
+                                    "uri": "https://i.imgur.com/LuuGvh0.png",
+                                  }
+                                }
                                 style={
                                   [
-                                    {
-                                      "alignItems": "center",
-                                      "borderRadius": 9999,
-                                      "justifyContent": "center",
-                                      "overflow": "hidden",
-                                    },
+                                    {},
                                     {
                                       "height": 32,
                                       "width": 32,
                                     },
-                                    {
-                                      "backgroundColor": "#fcd579",
-                                    },
-                                    {
-                                      "borderColor": "rgba(26, 27, 37, 0.1)",
-                                      "borderWidth": 1,
-                                    },
-                                    undefined,
                                   ]
                                 }
-                                testID="avatar-image"
-                              >
-                                <Image
-                                  accessibilityElementsHidden={true}
-                                  importantForAccessibility="no"
-                                  onError={[Function]}
-                                  source={
-                                    {
-                                      "uri": "https://i.imgur.com/LuuGvh0.png",
-                                    }
-                                  }
-                                  style={
-                                    [
-                                      {},
-                                      {
-                                        "height": 32,
-                                        "width": 32,
-                                      },
-                                    ]
-                                  }
-                                />
-                              </View>
+                              />
                             </View>
                           </View>
+                        </View>
+                        <View
+                          style={
+                            [
+                              {
+                                "gap": 4,
+                              },
+                              {
+                                "alignItems": "flex-start",
+                              },
+                              {},
+                            ]
+                          }
+                          testID="message-components"
+                        >
                           <View
                             style={
-                              [
-                                {
-                                  "gap": 4,
-                                },
-                                {
-                                  "alignItems": "flex-start",
-                                },
-                                {},
-                              ]
+                              {
+                                "zIndex": 1,
+                              }
                             }
-                            testID="message-components"
                           >
                             <View
                               style={
                                 {
-                                  "zIndex": 1,
+                                  "alignSelf": "flex-end",
+                                }
+                              }
+                            />
+                            <View
+                              style={
+                                {
+                                  "alignSelf": "flex-start",
                                 }
                               }
                             >
                               <View
-                                style={
+                                accessibilityState={
                                   {
-                                    "alignSelf": "flex-end",
+                                    "busy": undefined,
+                                    "checked": undefined,
+                                    "disabled": undefined,
+                                    "expanded": undefined,
+                                    "selected": undefined,
                                   }
                                 }
-                              />
-                              <View
-                                style={
+                                accessibilityValue={
                                   {
-                                    "alignSelf": "flex-start",
+                                    "max": undefined,
+                                    "min": undefined,
+                                    "now": undefined,
+                                    "text": undefined,
                                   }
                                 }
+                                accessible={true}
+                                collapsable={false}
+                                focusable={true}
+                                onBlur={[Function]}
+                                onClick={[Function]}
+                                onFocus={[Function]}
+                                onResponderGrant={[Function]}
+                                onResponderMove={[Function]}
+                                onResponderRelease={[Function]}
+                                onResponderTerminate={[Function]}
+                                onResponderTerminationRequest={[Function]}
+                                onStartShouldSetResponder={[Function]}
+                                style={{}}
                               >
                                 <View
-                                  accessibilityState={
-                                    {
-                                      "busy": undefined,
-                                      "checked": undefined,
-                                      "disabled": undefined,
-                                      "expanded": undefined,
-                                      "selected": undefined,
-                                    }
-                                  }
-                                  accessibilityValue={
-                                    {
-                                      "max": undefined,
-                                      "min": undefined,
-                                      "now": undefined,
-                                      "text": undefined,
-                                    }
+                                  style={
+                                    [
+                                      {
+                                        "borderTopLeftRadius": 20,
+                                        "borderTopRightRadius": 20,
+                                        "borderWidth": 0,
+                                        "overflow": "hidden",
+                                      },
+                                      {
+                                        "backgroundColor": "#ebeef1",
+                                        "borderBottomLeftRadius": 0,
+                                        "borderBottomRightRadius": 20,
+                                      },
+                                      {},
+                                      {},
+                                      {},
+                                    ]
                                   }
-                                  accessible={true}
-                                  collapsable={false}
-                                  focusable={true}
-                                  onBlur={[Function]}
-                                  onClick={[Function]}
-                                  onFocus={[Function]}
-                                  onResponderGrant={[Function]}
-                                  onResponderMove={[Function]}
-                                  onResponderRelease={[Function]}
-                                  onResponderTerminate={[Function]}
-                                  onResponderTerminationRequest={[Function]}
-                                  onStartShouldSetResponder={[Function]}
-                                  style={{}}
+                                  testID="message-content-wrapper"
                                 >
                                   <View
                                     style={
                                       [
                                         {
-                                          "borderTopLeftRadius": 20,
-                                          "borderTopRightRadius": 20,
-                                          "borderWidth": 0,
-                                          "overflow": "hidden",
+                                          "gap": 8,
+                                          "paddingBottom": 0,
+                                          "paddingHorizontal": 8,
+                                          "paddingTop": 0,
                                         },
+                                        {},
+                                      ]
+                                    }
+                                  />
+                                  <View
+                                    style={
+                                      [
                                         {
-                                          "backgroundColor": "#ebeef1",
-                                          "borderBottomLeftRadius": 0,
-                                          "borderBottomRightRadius": 20,
+                                          "maxWidth": 256,
+                                          "paddingHorizontal": 12,
                                         },
                                         {},
-                                        {},
-                                        {},
+                                        undefined,
                                       ]
                                     }
-                                    testID="message-content-wrapper"
+                                    testID="message-text-container"
                                   >
                                     <View
                                       style={
                                         [
                                           {
-                                            "gap": 8,
-                                            "paddingBottom": 0,
-                                            "paddingHorizontal": 8,
-                                            "paddingTop": 0,
-                                          },
-                                          {},
-                                        ]
-                                      }
-                                    />
-                                    <View
-                                      style={
-                                        [
-                                          {
-                                            "maxWidth": 256,
-                                            "paddingHorizontal": 12,
+                                            "alignSelf": "stretch",
                                           },
-                                          {},
                                           undefined,
                                         ]
                                       }
-                                      testID="message-text-container"
                                     >
-                                      <View
+                                      <Text
                                         style={
-                                          [
-                                            {
-                                              "alignSelf": "stretch",
-                                            },
-                                            undefined,
-                                          ]
+                                          {
+                                            "alignItems": "flex-start",
+                                            "flexDirection": "row",
+                                            "flexWrap": "wrap",
+                                            "fontSize": 17,
+                                            "justifyContent": "flex-start",
+                                            "lineHeight": 20,
+                                            "marginBottom": 8,
+                                            "marginTop": 8,
+                                          }
                                         }
                                       >
                                         <Text
                                           style={
                                             {
-                                              "alignItems": "flex-start",
-                                              "flexDirection": "row",
-                                              "flexWrap": "wrap",
+                                              "color": "#1a1b25",
                                               "fontSize": 17,
-                                              "justifyContent": "flex-start",
                                               "lineHeight": 20,
-                                              "marginBottom": 8,
-                                              "marginTop": 8,
+                                              "writingDirection": "ltr",
                                             }
                                           }
                                         >
-                                          <Text
-                                            style={
-                                              {
-                                                "color": "#1a1b25",
-                                                "fontSize": 17,
-                                                "lineHeight": 20,
-                                                "writingDirection": "ltr",
-                                              }
-                                            }
-                                          >
-                                            Message4
-                                          </Text>
+                                          Message4
                                         </Text>
-                                      </View>
+                                      </Text>
                                     </View>
                                   </View>
                                 </View>
                               </View>
                             </View>
-                            <View
+                          </View>
+                          <View
+                            style={
+                              [
+                                {
+                                  "alignItems": "center",
+                                  "flexDirection": "row",
+                                  "gap": 4,
+                                  "justifyContent": "center",
+                                  "maxWidth": "100%",
+                                  "paddingVertical": 4,
+                                },
+                                {},
+                              ]
+                            }
+                            testID="message-status-time"
+                          >
+                            <Text
                               style={
                                 {
-                                  "marginTop": -4,
-                                  "zIndex": 0,
+                                  "color": "#687385",
+                                  "fontSize": 13,
+                                  "fontWeight": 400,
+                                  "lineHeight": 16,
                                 }
                               }
-                            />
-                            <View
+                            >
+                              2:50 PM
+                            </Text>
+                            <Text
                               style={
                                 [
                                   {
-                                    "alignItems": "center",
-                                    "flexDirection": "row",
-                                    "gap": 4,
-                                    "justifyContent": "center",
-                                    "maxWidth": "100%",
-                                    "paddingVertical": 4,
+                                    "color": "#687385",
+                                    "fontSize": 13,
+                                    "fontWeight": 400,
+                                    "lineHeight": 16,
                                   },
                                   {},
                                 ]
                               }
-                              testID="message-status-time"
                             >
-                              <Text
-                                style={
-                                  {
-                                    "color": "#687385",
-                                    "fontSize": 13,
-                                    "fontWeight": 400,
-                                    "lineHeight": 16,
-                                  }
-                                }
-                              >
-                                2:50 PM
-                              </Text>
-                              <Text
-                                style={
-                                  [
-                                    {
-                                      "color": "#687385",
-                                      "fontSize": 13,
-                                      "fontWeight": 400,
-                                      "lineHeight": 16,
-                                    },
-                                    {},
-                                  ]
-                                }
-                              >
-                                Edited
-                              </Text>
-                            </View>
+                              Edited
+                            </Text>
                           </View>
                         </View>
                       </View>
                     </View>
                   </View>
-                  <View />
                 </View>
+                <View />
               </View>
             </View>
           </View>
@@ -1646,14 +1610,6 @@ exports[`Thread should match thread snapshot 1`] = `
                               </View>
                             </View>
                           </View>
-                          <View
-                            style={
-                              {
-                                "marginTop": -4,
-                                "zIndex": 0,
-                              }
-                            }
-                          />
                           <View
                             style={
                               [