From e46ee13b381355038653f881201bbf33f46a4cea Mon Sep 17 00:00:00 2001
From: Djorkaeff Alexandre <djorkaeff.unb@gmail.com>
Date: Thu, 30 Apr 2020 17:05:59 -0300
Subject: [PATCH] [IMPROVEMENT] Message Touchable (#2082)

* [FIX] Avatar touchable

* [IMPROVEMENT] onLongPress on all Message Touchables

* [IMPROVEMENT] User & baseUrl on MessageContext

* [FIX] Context Access

* [FIX] BaseURL

* Fix User

Co-authored-by: Diego Mello <diegolmello@gmail.com>
---
 .../__snapshots__/Storyshots.test.js.snap     | 7629 ++++++++---------
 app/containers/Avatar.js                      |   10 +-
 app/containers/message/Attachments.js         |   12 +-
 app/containers/message/Audio.js               |   24 +-
 app/containers/message/Broadcast.js           |   12 +-
 app/containers/message/CallButton.js          |    2 +-
 app/containers/message/Content.js             |   10 +-
 app/containers/message/Context.js             |    4 +
 app/containers/message/Discussion.js          |   11 +-
 app/containers/message/Emoji.js               |    7 +-
 app/containers/message/Image.js               |   10 +-
 app/containers/message/Message.js             |   14 +-
 app/containers/message/MessageAvatar.js       |   35 +-
 app/containers/message/MessageError.js        |    9 +-
 app/containers/message/Reactions.js           |   59 +-
 app/containers/message/Reply.js               |   17 +-
 app/containers/message/Touchable.js           |   25 +
 app/containers/message/Urls.js                |   24 +-
 app/containers/message/User.js                |   18 +-
 app/containers/message/Video.js               |   11 +-
 app/containers/message/index.js               |  120 +-
 app/views/RoomView/Header/RoomHeaderLeft.js   |    1 -
 storybook/stories/Message.js                  |   38 +-
 23 files changed, 3831 insertions(+), 4271 deletions(-)
 create mode 100644 app/containers/message/Context.js
 create mode 100644 app/containers/message/Touchable.js

diff --git a/__tests__/__snapshots__/Storyshots.test.js.snap b/__tests__/__snapshots__/Storyshots.test.js.snap
index b9950e32d..4338ff0f3 100644
--- a/__tests__/__snapshots__/Storyshots.test.js.snap
+++ b/__tests__/__snapshots__/Storyshots.test.js.snap
@@ -3666,7 +3666,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -3703,34 +3703,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -3804,39 +3804,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -3928,7 +3921,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -3965,34 +3958,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -4066,39 +4059,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -4190,7 +4176,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -4227,34 +4213,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -4328,39 +4314,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -4430,7 +4409,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -4467,34 +4446,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -4568,39 +4547,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-                    </Text>
-                  </View>
+                    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -4670,7 +4642,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -4765,7 +4737,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -4860,7 +4832,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -4897,34 +4869,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -4998,39 +4970,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -5122,7 +5087,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -5239,7 +5204,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -5276,34 +5241,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -5377,57 +5342,50 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
+                    Diego Mello
                     <Text
-                      numberOfLines={1}
                       style={
                         Array [
                           Object {
                             "backgroundColor": "transparent",
                             "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
+                            "fontSize": 14,
+                            "fontWeight": "400",
                           },
                           Object {
-                            "color": "#0d0e12",
+                            "color": "#9ca2a8",
                           },
                         ]
                       }
                     >
-                      Diego Mello
-                      <Text
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "fontFamily": "System",
-                              "fontSize": 14,
-                              "fontWeight": "400",
-                            },
-                            Object {
-                              "color": "#9ca2a8",
-                            },
-                          ]
-                        }
-                      >
-                         @
-                        diego.mello
-                      </Text>
+                       @
+                      diego.mello
                     </Text>
-                  </View>
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -5497,7 +5455,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -5534,34 +5492,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -5635,57 +5593,50 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
+                    Diego Mello
                     <Text
-                      numberOfLines={1}
                       style={
                         Array [
                           Object {
                             "backgroundColor": "transparent",
                             "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
+                            "fontSize": 14,
+                            "fontWeight": "400",
                           },
                           Object {
-                            "color": "#0d0e12",
+                            "color": "#9ca2a8",
                           },
                         ]
                       }
                     >
-                      Diego Mello
-                      <Text
-                        style={
-                          Array [
-                            Object {
-                              "backgroundColor": "transparent",
-                              "fontFamily": "System",
-                              "fontSize": 14,
-                              "fontWeight": "400",
-                            },
-                            Object {
-                              "color": "#9ca2a8",
-                            },
-                          ]
-                        }
-                      >
-                         @
-                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-                      </Text>
+                       @
+                      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
                     </Text>
-                  </View>
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -5777,7 +5728,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -5814,34 +5765,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -5915,39 +5866,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -6039,7 +5983,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -6076,34 +6020,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -6177,39 +6121,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -6311,7 +6248,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -6348,34 +6285,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -6449,39 +6386,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -6644,7 +6574,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -6681,34 +6611,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -6782,39 +6712,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -7114,7 +7037,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -7151,34 +7074,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -7252,39 +7175,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -7499,7 +7415,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -7536,34 +7452,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -7637,39 +7553,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -7781,7 +7690,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -7940,7 +7849,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -7977,34 +7886,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -8078,39 +7987,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -8202,7 +8104,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -8239,34 +8141,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -8340,39 +8242,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      Diego Mello
-                    </Text>
-                  </View>
+                    Diego Mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -8464,7 +8359,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -8501,34 +8396,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -8602,39 +8497,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -8892,7 +8780,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -8929,34 +8817,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -9030,39 +8918,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -9159,7 +9040,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -9196,34 +9077,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -9297,39 +9178,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -9426,7 +9300,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -9463,34 +9337,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -9564,39 +9438,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -9821,7 +9688,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -9858,34 +9725,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -9959,39 +9826,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -10088,7 +9948,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -10125,34 +9985,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -10226,39 +10086,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -10387,7 +10240,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -10424,34 +10277,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -10525,39 +10378,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -10708,7 +10554,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -10745,34 +10591,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -10846,39 +10692,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -10970,7 +10809,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -11007,34 +10846,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -11108,39 +10947,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -11476,7 +11308,7 @@ exports[`Storyshots Message list message 1`] = `
                 </View>
                 <View
                   accessible={true}
-                  focusable={false}
+                  focusable={true}
                   hitSlop={
                     Object {
                       "bottom": 4,
@@ -11574,7 +11406,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -11611,34 +11443,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -11712,39 +11544,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -12524,7 +12349,7 @@ exports[`Storyshots Message list message 1`] = `
                 </View>
                 <View
                   accessible={true}
-                  focusable={false}
+                  focusable={true}
                   hitSlop={
                     Object {
                       "bottom": 4,
@@ -12622,7 +12447,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -12659,34 +12484,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -12760,39 +12585,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      rocket.cat
-                    </Text>
-                  </View>
+                    rocket.cat
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -12862,7 +12680,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -12899,34 +12717,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -13000,39 +12818,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -13102,7 +12913,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -13139,34 +12950,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -13240,39 +13051,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      rocket.cat
-                    </Text>
-                  </View>
+                    rocket.cat
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -13342,7 +13146,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -13379,34 +13183,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -13480,39 +13284,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -13604,7 +13401,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -13641,34 +13438,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -13742,39 +13539,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      rocket.cat
-                    </Text>
-                  </View>
+                    rocket.cat
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -13906,7 +13696,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -13943,34 +13733,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -14044,39 +13834,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -14191,7 +13974,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -14286,7 +14069,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -14323,34 +14106,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -14424,39 +14207,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      rocket.cat
-                    </Text>
-                  </View>
+                    rocket.cat
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -14571,7 +14347,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -14608,34 +14384,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -14709,39 +14485,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -14833,7 +14602,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -14870,34 +14639,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -14971,39 +14740,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -15150,7 +14912,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -15187,34 +14949,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -15288,39 +15050,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -15521,7 +15276,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -15558,34 +15313,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -15659,39 +15414,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -15835,7 +15583,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -15872,34 +15620,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -15973,39 +15721,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -16102,7 +15843,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -16139,34 +15880,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -16240,39 +15981,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -16501,7 +16235,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -16596,7 +16330,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -16818,7 +16552,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -17003,7 +16737,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -17210,7 +16944,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -17247,34 +16981,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -17348,39 +17082,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -17571,7 +17298,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -17608,34 +17335,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -17709,39 +17436,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -17986,7 +17706,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -18023,34 +17743,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -18124,39 +17844,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -18226,7 +17939,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -18321,7 +18034,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -18358,34 +18071,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -18459,39 +18172,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -18583,7 +18289,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -18722,7 +18428,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -18759,34 +18465,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -18860,39 +18566,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -19057,7 +18756,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -19094,34 +18793,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -19195,39 +18894,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -19392,7 +19084,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -19517,34 +19209,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -19624,7 +19316,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -19749,34 +19441,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -19856,7 +19548,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -19981,34 +19673,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -20088,7 +19780,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -20213,34 +19905,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -20320,7 +20012,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -20445,34 +20137,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -20552,7 +20244,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -20677,34 +20369,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -20784,7 +20476,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -20909,34 +20601,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -21036,7 +20728,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -21073,34 +20765,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -21174,39 +20866,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -21371,7 +21056,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -21413,34 +21098,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -21520,7 +21205,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -21562,34 +21247,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -21669,7 +21354,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -21711,34 +21396,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -21838,7 +21523,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -21963,34 +21648,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -22070,7 +21755,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -22112,34 +21797,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -22219,7 +21904,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -22261,34 +21946,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -22368,7 +22053,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -22410,34 +22095,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -22537,7 +22222,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -22574,34 +22259,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -22675,39 +22360,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -22776,7 +22454,7 @@ exports[`Storyshots Message list message 1`] = `
               >
                 <View
                   accessible={true}
-                  focusable={false}
+                  focusable={true}
                   hitSlop={
                     Object {
                       "bottom": 4,
@@ -22871,7 +22549,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -22908,34 +22586,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -23009,39 +22687,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -23110,7 +22781,7 @@ exports[`Storyshots Message list message 1`] = `
               >
                 <View
                   accessible={true}
-                  focusable={false}
+                  focusable={true}
                   hitSlop={
                     Object {
                       "bottom": 4,
@@ -23207,7 +22878,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -23244,34 +22915,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -23345,39 +23016,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -23446,7 +23110,7 @@ exports[`Storyshots Message list message 1`] = `
               >
                 <View
                   accessible={true}
-                  focusable={false}
+                  focusable={true}
                   hitSlop={
                     Object {
                       "bottom": 4,
@@ -23543,7 +23207,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -23580,34 +23244,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -23681,39 +23345,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -23782,7 +23439,7 @@ exports[`Storyshots Message list message 1`] = `
               >
                 <View
                   accessible={true}
-                  focusable={false}
+                  focusable={true}
                   hitSlop={
                     Object {
                       "bottom": 4,
@@ -23901,7 +23558,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -23938,34 +23595,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -24039,39 +23696,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -24280,7 +23930,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -24317,34 +23967,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -24418,39 +24068,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -24625,7 +24268,7 @@ exports[`Storyshots Message list message 1`] = `
     </View>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -24775,7 +24418,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -24812,34 +24455,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -24913,39 +24556,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -25408,7 +25044,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -25445,34 +25081,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -25546,39 +25182,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -26124,7 +25753,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -26161,34 +25790,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -26262,39 +25891,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -26469,7 +26091,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -26506,34 +26128,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -26607,39 +26229,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -26751,34 +26366,34 @@ exports[`Storyshots Message list message 1`] = `
           }
         >
           <View
-            accessible={true}
-            focusable={true}
-            isTVSelectable={true}
-            onClick={[Function]}
-            onResponderGrant={[Function]}
-            onResponderMove={[Function]}
-            onResponderRelease={[Function]}
-            onResponderTerminate={[Function]}
-            onResponderTerminationRequest={[Function]}
-            onStartShouldSetResponder={[Function]}
             style={
-              Object {
-                "opacity": 1,
-              }
+              Array [
+                Object {
+                  "borderRadius": 4,
+                  "height": 36,
+                  "width": 36,
+                },
+                Object {
+                  "marginTop": 4,
+                },
+              ]
             }
           >
             <View
+              accessible={true}
+              focusable={true}
+              isTVSelectable={true}
+              onClick={[Function]}
+              onResponderGrant={[Function]}
+              onResponderMove={[Function]}
+              onResponderRelease={[Function]}
+              onResponderTerminate={[Function]}
+              onResponderTerminationRequest={[Function]}
+              onStartShouldSetResponder={[Function]}
               style={
-                Array [
-                  Object {
-                    "borderRadius": 4,
-                    "height": 36,
-                    "width": 36,
-                  },
-                  Object {
-                    "marginTop": 4,
-                  },
-                ]
+                Object {
+                  "opacity": 1,
+                }
               }
             >
               <View
@@ -26852,39 +26467,32 @@ exports[`Storyshots Message list message 1`] = `
                 onStartShouldSetResponder={[Function]}
                 style={
                   Object {
+                    "alignItems": "center",
+                    "flex": 1,
+                    "flexDirection": "row",
                     "opacity": 1,
                   }
                 }
               >
-                <View
+                <Text
+                  numberOfLines={1}
                   style={
-                    Object {
-                      "alignItems": "center",
-                      "flex": 1,
-                      "flexDirection": "row",
-                    }
+                    Array [
+                      Object {
+                        "backgroundColor": "transparent",
+                        "fontFamily": "System",
+                        "fontSize": 16,
+                        "fontWeight": "500",
+                        "lineHeight": 22,
+                      },
+                      Object {
+                        "color": "#0d0e12",
+                      },
+                    ]
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "500",
-                          "lineHeight": 22,
-                        },
-                        Object {
-                          "color": "#0d0e12",
-                        },
-                      ]
-                    }
-                  >
-                    diego.mello
-                  </Text>
-                </View>
+                  diego.mello
+                </Text>
               </View>
               <Text
                 style={
@@ -27053,39 +26661,32 @@ exports[`Storyshots Message list message 1`] = `
                 onStartShouldSetResponder={[Function]}
                 style={
                   Object {
+                    "alignItems": "center",
+                    "flex": 1,
+                    "flexDirection": "row",
                     "opacity": 1,
                   }
                 }
               >
-                <View
+                <Text
+                  numberOfLines={1}
                   style={
-                    Object {
-                      "alignItems": "center",
-                      "flex": 1,
-                      "flexDirection": "row",
-                    }
+                    Array [
+                      Object {
+                        "backgroundColor": "transparent",
+                        "fontFamily": "System",
+                        "fontSize": 16,
+                        "fontWeight": "500",
+                        "lineHeight": 22,
+                      },
+                      Object {
+                        "color": "#0d0e12",
+                      },
+                    ]
                   }
                 >
-                  <Text
-                    numberOfLines={1}
-                    style={
-                      Array [
-                        Object {
-                          "backgroundColor": "transparent",
-                          "fontFamily": "System",
-                          "fontSize": 16,
-                          "fontWeight": "500",
-                          "lineHeight": 22,
-                        },
-                        Object {
-                          "color": "#0d0e12",
-                        },
-                      ]
-                    }
-                  >
-                    diego.mello
-                  </Text>
-                </View>
+                  diego.mello
+                </Text>
               </View>
               <Text
                 style={
@@ -27224,7 +26825,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -27261,34 +26862,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -27362,39 +26963,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -27492,7 +27086,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -27529,34 +27123,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -27630,39 +27224,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -27754,7 +27341,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -27796,34 +27383,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -27923,7 +27510,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -27965,34 +27552,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -28092,7 +27679,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -28134,34 +27721,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -28261,7 +27848,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -28303,34 +27890,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -28430,7 +28017,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -28472,34 +28059,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -28599,7 +28186,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -28641,34 +28228,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -28768,7 +28355,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -28810,34 +28397,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -28937,7 +28524,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -28979,34 +28566,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -29106,7 +28693,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -29148,34 +28735,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -29275,7 +28862,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -29317,34 +28904,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -29444,7 +29031,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -29486,34 +29073,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -29613,7 +29200,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -29655,34 +29242,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -29782,7 +29369,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -29824,34 +29411,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -29951,7 +29538,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -29993,34 +29580,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -30120,7 +29707,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -30162,34 +29749,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 2,
+                    "height": 20,
+                    "width": 20,
+                  },
+                  Object {
+                    "marginLeft": 16,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 2,
-                      "height": 20,
-                      "width": 20,
-                    },
-                    Object {
-                      "marginLeft": 16,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -30289,7 +29876,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -30331,34 +29918,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -30432,39 +30019,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -30556,7 +30136,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -30593,34 +30173,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -30694,39 +30274,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -31136,7 +30709,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -31173,34 +30746,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -31274,39 +30847,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -31581,7 +31147,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -31618,34 +31184,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -31719,39 +31285,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -32038,7 +31597,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -32075,34 +31634,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -32176,39 +31735,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -32287,7 +31839,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -32324,34 +31876,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -32425,39 +31977,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -32656,7 +32201,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -32693,34 +32238,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -32794,39 +32339,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
@@ -32950,7 +32488,7 @@ exports[`Storyshots Message list message 1`] = `
     </Text>
     <View
       accessible={true}
-      focusable={false}
+      focusable={true}
       isTVSelectable={true}
       onClick={[Function]}
       onResponderGrant={[Function]}
@@ -32987,34 +32525,34 @@ exports[`Storyshots Message list message 1`] = `
             }
           >
             <View
-              accessible={true}
-              focusable={true}
-              isTVSelectable={true}
-              onClick={[Function]}
-              onResponderGrant={[Function]}
-              onResponderMove={[Function]}
-              onResponderRelease={[Function]}
-              onResponderTerminate={[Function]}
-              onResponderTerminationRequest={[Function]}
-              onStartShouldSetResponder={[Function]}
               style={
-                Object {
-                  "opacity": 1,
-                }
+                Array [
+                  Object {
+                    "borderRadius": 4,
+                    "height": 36,
+                    "width": 36,
+                  },
+                  Object {
+                    "marginTop": 4,
+                  },
+                ]
               }
             >
               <View
+                accessible={true}
+                focusable={true}
+                isTVSelectable={true}
+                onClick={[Function]}
+                onResponderGrant={[Function]}
+                onResponderMove={[Function]}
+                onResponderRelease={[Function]}
+                onResponderTerminate={[Function]}
+                onResponderTerminationRequest={[Function]}
+                onStartShouldSetResponder={[Function]}
                 style={
-                  Array [
-                    Object {
-                      "borderRadius": 4,
-                      "height": 36,
-                      "width": 36,
-                    },
-                    Object {
-                      "marginTop": 4,
-                    },
-                  ]
+                  Object {
+                    "opacity": 1,
+                  }
                 }
               >
                 <View
@@ -33088,39 +32626,32 @@ exports[`Storyshots Message list message 1`] = `
                   onStartShouldSetResponder={[Function]}
                   style={
                     Object {
+                      "alignItems": "center",
+                      "flex": 1,
+                      "flexDirection": "row",
                       "opacity": 1,
                     }
                   }
                 >
-                  <View
+                  <Text
+                    numberOfLines={1}
                     style={
-                      Object {
-                        "alignItems": "center",
-                        "flex": 1,
-                        "flexDirection": "row",
-                      }
+                      Array [
+                        Object {
+                          "backgroundColor": "transparent",
+                          "fontFamily": "System",
+                          "fontSize": 16,
+                          "fontWeight": "500",
+                          "lineHeight": 22,
+                        },
+                        Object {
+                          "color": "#0d0e12",
+                        },
+                      ]
                     }
                   >
-                    <Text
-                      numberOfLines={1}
-                      style={
-                        Array [
-                          Object {
-                            "backgroundColor": "transparent",
-                            "fontFamily": "System",
-                            "fontSize": 16,
-                            "fontWeight": "500",
-                            "lineHeight": 22,
-                          },
-                          Object {
-                            "color": "#0d0e12",
-                          },
-                        ]
-                      }
-                    >
-                      diego.mello
-                    </Text>
-                  </View>
+                    diego.mello
+                  </Text>
                 </View>
                 <Text
                   style={
diff --git a/app/containers/Avatar.js b/app/containers/Avatar.js
index 2e4aa5353..77ccca7f3 100644
--- a/app/containers/Avatar.js
+++ b/app/containers/Avatar.js
@@ -2,12 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { View } from 'react-native';
 import FastImage from 'react-native-fast-image';
+import Touchable from 'react-native-platform-touchable';
 import { settings as RocketChatSettings } from '@rocket.chat/sdk';
-import Touch from '../utils/touch';
+
 import { avatarURL } from '../utils/avatar';
 
 const Avatar = React.memo(({
-	text, size, baseUrl, borderRadius, style, avatar, type, children, userId, token, onPress, theme
+	text, size, baseUrl, borderRadius, style, avatar, type, children, userId, token, onPress
 }) => {
 	const avatarStyle = {
 		width: size,
@@ -36,9 +37,9 @@ const Avatar = React.memo(({
 
 	if (onPress) {
 		image = (
-			<Touch onPress={onPress} theme={theme}>
+			<Touchable onPress={onPress}>
 				{image}
-			</Touch>
+			</Touchable>
 		);
 	}
 
@@ -61,7 +62,6 @@ Avatar.propTypes = {
 	children: PropTypes.object,
 	userId: PropTypes.string,
 	token: PropTypes.string,
-	theme: PropTypes.string,
 	onPress: PropTypes.func
 };
 
diff --git a/app/containers/message/Attachments.js b/app/containers/message/Attachments.js
index cf3f6106c..3d4ff48b4 100644
--- a/app/containers/message/Attachments.js
+++ b/app/containers/message/Attachments.js
@@ -8,7 +8,7 @@ import Video from './Video';
 import Reply from './Reply';
 
 const Attachments = React.memo(({
-	attachments, timeFormat, user, baseUrl, showAttachment, getCustomEmoji, theme
+	attachments, timeFormat, showAttachment, getCustomEmoji, theme
 }) => {
 	if (!attachments || attachments.length === 0) {
 		return null;
@@ -16,25 +16,23 @@ const Attachments = React.memo(({
 
 	return attachments.map((file, index) => {
 		if (file.image_url) {
-			return <Image key={file.image_url} file={file} user={user} baseUrl={baseUrl} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />;
+			return <Image key={file.image_url} file={file} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />;
 		}
 		if (file.audio_url) {
-			return <Audio key={file.audio_url} file={file} user={user} baseUrl={baseUrl} getCustomEmoji={getCustomEmoji} theme={theme} />;
+			return <Audio key={file.audio_url} file={file} getCustomEmoji={getCustomEmoji} theme={theme} />;
 		}
 		if (file.video_url) {
-			return <Video key={file.video_url} file={file} user={user} baseUrl={baseUrl} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />;
+			return <Video key={file.video_url} file={file} showAttachment={showAttachment} getCustomEmoji={getCustomEmoji} theme={theme} />;
 		}
 
 		// eslint-disable-next-line react/no-array-index-key
-		return <Reply key={index} index={index} attachment={file} timeFormat={timeFormat} user={user} baseUrl={baseUrl} getCustomEmoji={getCustomEmoji} theme={theme} />;
+		return <Reply key={index} index={index} attachment={file} timeFormat={timeFormat} getCustomEmoji={getCustomEmoji} theme={theme} />;
 	});
 }, (prevProps, nextProps) => isEqual(prevProps.attachments, nextProps.attachments) && prevProps.theme === nextProps.theme);
 
 Attachments.propTypes = {
 	attachments: PropTypes.array,
 	timeFormat: PropTypes.string,
-	user: PropTypes.object,
-	baseUrl: PropTypes.string,
 	showAttachment: PropTypes.func,
 	getCustomEmoji: PropTypes.func,
 	theme: PropTypes.string
diff --git a/app/containers/message/Audio.js b/app/containers/message/Audio.js
index 83ac45ea7..a16ddb099 100644
--- a/app/containers/message/Audio.js
+++ b/app/containers/message/Audio.js
@@ -7,14 +7,15 @@ import { Audio } from 'expo-av';
 import Slider from '@react-native-community/slider';
 import moment from 'moment';
 import equal from 'deep-equal';
-import Touchable from 'react-native-platform-touchable';
 
+import Touchable from './Touchable';
 import Markdown from '../markdown';
 import { CustomIcon } from '../../lib/Icons';
 import sharedStyles from '../../views/Styles';
 import { themes } from '../../constants/colors';
 import { isAndroid, isIOS } from '../../utils/deviceInfo';
 import { withSplit } from '../../split';
+import MessageContext from './Context';
 import ActivityIndicator from '../ActivityIndicator';
 
 const mode = {
@@ -91,10 +92,10 @@ Button.propTypes = {
 Button.displayName = 'MessageAudioButton';
 
 class MessageAudio extends React.Component {
+	static contextType = MessageContext;
+
 	static propTypes = {
 		file: PropTypes.object.isRequired,
-		baseUrl: PropTypes.string.isRequired,
-		user: PropTypes.object.isRequired,
 		theme: PropTypes.string,
 		split: PropTypes.bool,
 		getCustomEmoji: PropTypes.func
@@ -102,13 +103,11 @@ class MessageAudio extends React.Component {
 
 	constructor(props) {
 		super(props);
-		const { baseUrl, file, user } = props;
 		this.state = {
 			loading: false,
 			currentTime: 0,
 			duration: 0,
-			paused: true,
-			uri: `${ baseUrl }${ file.audio_url }?rc_uid=${ user.id }&rc_token=${ user.token }`
+			paused: true
 		};
 
 		this.sound = new Audio.Sound();
@@ -116,12 +115,13 @@ class MessageAudio extends React.Component {
 	}
 
 	async componentDidMount() {
-		const { uri } = this.state;
+		const { file } = this.props;
+		const { baseUrl, user } = this.context;
 
 		this.setState({ loading: true });
 		try {
 			await Audio.setAudioModeAsync(mode);
-			await this.sound.loadAsync({ uri });
+			await this.sound.loadAsync({ uri: `${ baseUrl }${ file.audio_url }?rc_uid=${ user.id }&rc_token=${ user.token }` });
 		} catch {
 			// Do nothing
 		}
@@ -130,7 +130,7 @@ class MessageAudio extends React.Component {
 
 	shouldComponentUpdate(nextProps, nextState) {
 		const {
-			currentTime, duration, paused, uri, loading
+			currentTime, duration, paused, loading
 		} = this.state;
 		const { file, split, theme } = this.props;
 		if (nextProps.theme !== theme) {
@@ -145,9 +145,6 @@ class MessageAudio extends React.Component {
 		if (nextState.paused !== paused) {
 			return true;
 		}
-		if (nextState.uri !== uri) {
-			return true;
-		}
 		if (!equal(nextProps.file, file)) {
 			return true;
 		}
@@ -237,9 +234,10 @@ class MessageAudio extends React.Component {
 			loading, paused, currentTime, duration
 		} = this.state;
 		const {
-			user, baseUrl, file, getCustomEmoji, split, theme
+			file, getCustomEmoji, split, theme
 		} = this.props;
 		const { description } = file;
+		const { baseUrl, user } = this.context;
 
 		if (!baseUrl) {
 			return null;
diff --git a/app/containers/message/Broadcast.js b/app/containers/message/Broadcast.js
index 8d6192f74..d4ebe1264 100644
--- a/app/containers/message/Broadcast.js
+++ b/app/containers/message/Broadcast.js
@@ -1,17 +1,19 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { View, Text } from 'react-native';
-import Touchable from 'react-native-platform-touchable';
 import PropTypes from 'prop-types';
 
+import Touchable from './Touchable';
 import { CustomIcon } from '../../lib/Icons';
 import styles from './styles';
 import { BUTTON_HIT_SLOP } from './utils';
 import I18n from '../../i18n';
 import { themes } from '../../constants/colors';
+import MessageContext from './Context';
 
 const Broadcast = React.memo(({
-	author, user, broadcast, replyBroadcast, theme
+	author, broadcast, theme
 }) => {
+	const { user, replyBroadcast } = useContext(MessageContext);
 	const isOwn = author._id === user.id;
 	if (broadcast && !isOwn) {
 		return (
@@ -36,10 +38,8 @@ const Broadcast = React.memo(({
 
 Broadcast.propTypes = {
 	author: PropTypes.object,
-	user: PropTypes.object,
 	broadcast: PropTypes.bool,
-	theme: PropTypes.string,
-	replyBroadcast: PropTypes.func
+	theme: PropTypes.string
 };
 Broadcast.displayName = 'MessageBroadcast';
 
diff --git a/app/containers/message/CallButton.js b/app/containers/message/CallButton.js
index 0b1524b04..6b18cabd7 100644
--- a/app/containers/message/CallButton.js
+++ b/app/containers/message/CallButton.js
@@ -1,8 +1,8 @@
 import React from 'react';
 import { View, Text } from 'react-native';
-import Touchable from 'react-native-platform-touchable';
 import PropTypes from 'prop-types';
 
+import Touchable from './Touchable';
 import { formatLastMessage, BUTTON_HIT_SLOP } from './utils';
 import styles from './styles';
 import I18n from '../../i18n';
diff --git a/app/containers/message/Content.js b/app/containers/message/Content.js
index b1565ec26..1d2f3012b 100644
--- a/app/containers/message/Content.js
+++ b/app/containers/message/Content.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { Text, View } from 'react-native';
 import PropTypes from 'prop-types';
 import equal from 'deep-equal';
@@ -8,6 +8,7 @@ import styles from './styles';
 import Markdown from '../markdown';
 import { getInfoMessage } from './utils';
 import { themes } from '../../constants/colors';
+import MessageContext from './Context';
 
 const Content = React.memo((props) => {
 	if (props.isInfo) {
@@ -26,12 +27,13 @@ const Content = React.memo((props) => {
 	if (props.tmid && !props.msg) {
 		content = <Text style={[styles.text, { color: themes[props.theme].bodyText }]}>{I18n.t('Sent_an_attachment')}</Text>;
 	} else {
+		const { baseUrl, user } = useContext(MessageContext);
 		content = (
 			<Markdown
 				msg={props.msg}
-				baseUrl={props.baseUrl}
+				baseUrl={baseUrl}
 				getCustomEmoji={props.getCustomEmoji}
-				username={props.user.username}
+				username={user.username}
 				isEdited={props.isEdited}
 				numberOfLines={(props.tmid && !props.isThreadRoom) ? 1 : 0}
 				preview={props.tmid && !props.isThreadRoom}
@@ -77,8 +79,6 @@ Content.propTypes = {
 	msg: PropTypes.string,
 	theme: PropTypes.string,
 	isEdited: PropTypes.bool,
-	baseUrl: PropTypes.string,
-	user: PropTypes.object,
 	getCustomEmoji: PropTypes.func,
 	channels: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
 	mentions: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
diff --git a/app/containers/message/Context.js b/app/containers/message/Context.js
new file mode 100644
index 000000000..407904b4e
--- /dev/null
+++ b/app/containers/message/Context.js
@@ -0,0 +1,4 @@
+import React from 'react';
+
+const MessageContext = React.createContext();
+export default MessageContext;
diff --git a/app/containers/message/Discussion.js b/app/containers/message/Discussion.js
index 2fc81a7e4..4cdc81abf 100644
--- a/app/containers/message/Discussion.js
+++ b/app/containers/message/Discussion.js
@@ -1,20 +1,22 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { View, Text } from 'react-native';
-import Touchable from 'react-native-platform-touchable';
 import PropTypes from 'prop-types';
 
+import Touchable from './Touchable';
 import { formatLastMessage, formatMessageCount, BUTTON_HIT_SLOP } from './utils';
 import styles from './styles';
 import I18n from '../../i18n';
 import { CustomIcon } from '../../lib/Icons';
 import { DISCUSSION } from './constants';
 import { themes } from '../../constants/colors';
+import MessageContext from './Context';
 
 const Discussion = React.memo(({
-	msg, dcount, dlm, onDiscussionPress, theme
+	msg, dcount, dlm, theme
 }) => {
 	const time = formatLastMessage(dlm);
 	const buttonText = formatMessageCount(dcount, DISCUSSION);
+	const { onDiscussionPress } = useContext(MessageContext);
 	return (
 		<>
 			<Text style={[styles.startedDiscussion, { color: themes[theme].auxiliaryText }]}>{I18n.t('Started_discussion')}</Text>
@@ -55,8 +57,7 @@ Discussion.propTypes = {
 	msg: PropTypes.string,
 	dcount: PropTypes.number,
 	dlm: PropTypes.string,
-	theme: PropTypes.string,
-	onDiscussionPress: PropTypes.func
+	theme: PropTypes.string
 };
 Discussion.displayName = 'MessageDiscussion';
 
diff --git a/app/containers/message/Emoji.js b/app/containers/message/Emoji.js
index 139d7707e..661971131 100644
--- a/app/containers/message/Emoji.js
+++ b/app/containers/message/Emoji.js
@@ -1,13 +1,15 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { Text } from 'react-native';
 import PropTypes from 'prop-types';
 
 import shortnameToUnicode from '../../utils/shortnameToUnicode';
 import CustomEmoji from '../EmojiPicker/CustomEmoji';
+import MessageContext from './Context';
 
 const Emoji = React.memo(({
-	content, standardEmojiStyle, customEmojiStyle, baseUrl, getCustomEmoji
+	content, standardEmojiStyle, customEmojiStyle, getCustomEmoji
 }) => {
+	const { baseUrl } = useContext(MessageContext);
 	const parsedContent = content.replace(/^:|:$/g, '');
 	const emoji = getCustomEmoji(parsedContent);
 	if (emoji) {
@@ -20,7 +22,6 @@ Emoji.propTypes = {
 	content: PropTypes.string,
 	standardEmojiStyle: PropTypes.object,
 	customEmojiStyle: PropTypes.object,
-	baseUrl: PropTypes.string,
 	getCustomEmoji: PropTypes.func
 };
 Emoji.displayName = 'MessageEmoji';
diff --git a/app/containers/message/Image.js b/app/containers/message/Image.js
index 72b3a6c6f..0e2d94a85 100644
--- a/app/containers/message/Image.js
+++ b/app/containers/message/Image.js
@@ -1,18 +1,19 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { View } from 'react-native';
 import PropTypes from 'prop-types';
 import FastImage from 'react-native-fast-image';
 import equal from 'deep-equal';
-import Touchable from 'react-native-platform-touchable';
 import { createImageProgress } from 'react-native-image-progress';
 import * as Progress from 'react-native-progress';
 
+import Touchable from './Touchable';
 import Markdown from '../markdown';
 import styles from './styles';
 import { formatAttachmentUrl } from '../../lib/utils';
 import { withSplit } from '../../split';
 import { themes } from '../../constants/colors';
 import sharedStyles from '../../views/Styles';
+import MessageContext from './Context';
 
 const ImageProgress = createImageProgress(FastImage);
 
@@ -41,8 +42,9 @@ export const MessageImage = React.memo(({ img, theme }) => (
 ));
 
 const ImageContainer = React.memo(({
-	file, imageUrl, baseUrl, user, showAttachment, getCustomEmoji, split, theme
+	file, imageUrl, showAttachment, getCustomEmoji, split, theme
 }) => {
+	const { baseUrl, user } = useContext(MessageContext);
 	const img = imageUrl || formatAttachmentUrl(file.image_url, user.id, user.token, baseUrl);
 	if (!img) {
 		return null;
@@ -71,8 +73,6 @@ const ImageContainer = React.memo(({
 ImageContainer.propTypes = {
 	file: PropTypes.object,
 	imageUrl: PropTypes.string,
-	baseUrl: PropTypes.string,
-	user: PropTypes.object,
 	showAttachment: PropTypes.func,
 	theme: PropTypes.string,
 	getCustomEmoji: PropTypes.func,
diff --git a/app/containers/message/Message.js b/app/containers/message/Message.js
index 2deec7fb5..ef356c231 100644
--- a/app/containers/message/Message.js
+++ b/app/containers/message/Message.js
@@ -1,8 +1,10 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { View } from 'react-native';
 import Touchable from 'react-native-platform-touchable';
 
+import MessageContext from './Context';
+
 import User from './User';
 import styles from './styles';
 import RepliedThread from './RepliedThread';
@@ -111,10 +113,11 @@ const MessageTouchable = React.memo((props) => {
 			</View>
 		);
 	}
+	const { onPress, onLongPress } = useContext(MessageContext);
 	return (
 		<Touchable
-			onLongPress={props.onLongPress}
-			onPress={props.onPress}
+			onLongPress={onLongPress}
+			onPress={onPress}
 			disabled={props.isInfo || props.archived || props.isTemp}
 		>
 			<View>
@@ -129,9 +132,7 @@ MessageTouchable.propTypes = {
 	hasError: PropTypes.bool,
 	isInfo: PropTypes.bool,
 	isTemp: PropTypes.bool,
-	archived: PropTypes.bool,
-	onLongPress: PropTypes.func,
-	onPress: PropTypes.func
+	archived: PropTypes.bool
 };
 
 Message.propTypes = {
@@ -143,7 +144,6 @@ Message.propTypes = {
 	hasError: PropTypes.bool,
 	style: PropTypes.any,
 	onLongPress: PropTypes.func,
-	onPress: PropTypes.func,
 	isReadReceiptEnabled: PropTypes.bool,
 	unread: PropTypes.bool,
 	theme: PropTypes.string
diff --git a/app/containers/message/MessageAvatar.js b/app/containers/message/MessageAvatar.js
index 190bb43a8..0663551e6 100644
--- a/app/containers/message/MessageAvatar.js
+++ b/app/containers/message/MessageAvatar.js
@@ -1,34 +1,31 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
-import { TouchableOpacity } from 'react-native';
 
 import Avatar from '../Avatar';
 import styles from './styles';
+import MessageContext from './Context';
 
 const MessageAvatar = React.memo(({
-	isHeader, avatar, author, baseUrl, user, small, navToRoomInfo
+	isHeader, avatar, author, small, navToRoomInfo
 }) => {
+	const { baseUrl, user } = useContext(MessageContext);
 	if (isHeader && author) {
 		const navParam = {
 			t: 'd',
 			rid: author._id
 		};
 		return (
-			<TouchableOpacity
-				onPress={() => navToRoomInfo(navParam)}
-				disabled={author._id === user.id}
-			>
-				<Avatar
-					style={small ? styles.avatarSmall : styles.avatar}
-					text={avatar ? '' : author.username}
-					size={small ? 20 : 36}
-					borderRadius={small ? 2 : 4}
-					avatar={avatar}
-					baseUrl={baseUrl}
-					userId={user.id}
-					token={user.token}
-				/>
-			</TouchableOpacity>
+			<Avatar
+				style={small ? styles.avatarSmall : styles.avatar}
+				text={avatar ? '' : author.username}
+				size={small ? 20 : 36}
+				borderRadius={small ? 2 : 4}
+				onPress={author._id === user.id ? undefined : () => navToRoomInfo(navParam)}
+				avatar={avatar}
+				baseUrl={baseUrl}
+				userId={user.id}
+				token={user.token}
+			/>
 		);
 	}
 	return null;
@@ -38,8 +35,6 @@ MessageAvatar.propTypes = {
 	isHeader: PropTypes.bool,
 	avatar: PropTypes.string,
 	author: PropTypes.obj,
-	baseUrl: PropTypes.string,
-	user: PropTypes.obj,
 	small: PropTypes.bool,
 	navToRoomInfo: PropTypes.func
 };
diff --git a/app/containers/message/MessageError.js b/app/containers/message/MessageError.js
index d30e40996..b3e3969a1 100644
--- a/app/containers/message/MessageError.js
+++ b/app/containers/message/MessageError.js
@@ -1,16 +1,18 @@
-import React from 'react';
-import Touchable from 'react-native-platform-touchable';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 
+import Touchable from './Touchable';
 import { CustomIcon } from '../../lib/Icons';
 import styles from './styles';
 import { BUTTON_HIT_SLOP } from './utils';
 import { themes } from '../../constants/colors';
+import MessageContext from './Context';
 
-const MessageError = React.memo(({ hasError, onErrorPress, theme }) => {
+const MessageError = React.memo(({ hasError, theme }) => {
 	if (!hasError) {
 		return null;
 	}
+	const { onErrorPress } = useContext(MessageContext);
 	return (
 		<Touchable onPress={onErrorPress} style={styles.errorButton} hitSlop={BUTTON_HIT_SLOP}>
 			<CustomIcon name='warning' color={themes[theme].dangerColor} size={18} />
@@ -20,7 +22,6 @@ const MessageError = React.memo(({ hasError, onErrorPress, theme }) => {
 
 MessageError.propTypes = {
 	hasError: PropTypes.bool,
-	onErrorPress: PropTypes.func,
 	theme: PropTypes.string
 };
 MessageError.displayName = 'MessageError';
diff --git a/app/containers/message/Reactions.js b/app/containers/message/Reactions.js
index 1614b1b7a..6ff654221 100644
--- a/app/containers/message/Reactions.js
+++ b/app/containers/message/Reactions.js
@@ -1,33 +1,40 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { View, Text } from 'react-native';
-import Touchable from 'react-native-platform-touchable';
 import PropTypes from 'prop-types';
 
+import Touchable from './Touchable';
 import { CustomIcon } from '../../lib/Icons';
 import styles from './styles';
 import Emoji from './Emoji';
 import { BUTTON_HIT_SLOP } from './utils';
 import { themes } from '../../constants/colors';
 import { withTheme } from '../../theme';
+import MessageContext from './Context';
 
-const AddReaction = React.memo(({ reactionInit, theme }) => (
-	<Touchable
-		onPress={reactionInit}
-		key='message-add-reaction'
-		testID='message-add-reaction'
-		style={[styles.reactionButton, { backgroundColor: themes[theme].backgroundColor }]}
-		background={Touchable.Ripple(themes[theme].bannerBackground)}
-		hitSlop={BUTTON_HIT_SLOP}
-	>
-		<View style={[styles.reactionContainer, { borderColor: themes[theme].borderColor }]}>
-			<CustomIcon name='add-reaction' size={21} color={themes[theme].tintColor} />
-		</View>
-	</Touchable>
-));
+const AddReaction = React.memo(({ theme }) => {
+	const { reactionInit } = useContext(MessageContext);
+	return (
+		<Touchable
+			onPress={reactionInit}
+			key='message-add-reaction'
+			testID='message-add-reaction'
+			style={[styles.reactionButton, { backgroundColor: themes[theme].backgroundColor }]}
+			background={Touchable.Ripple(themes[theme].bannerBackground)}
+			hitSlop={BUTTON_HIT_SLOP}
+		>
+			<View style={[styles.reactionContainer, { borderColor: themes[theme].borderColor }]}>
+				<CustomIcon name='add-reaction' size={21} color={themes[theme].tintColor} />
+			</View>
+		</Touchable>
+	);
+});
 
 const Reaction = React.memo(({
-	reaction, user, onReactionLongPress, onReactionPress, baseUrl, getCustomEmoji, theme
+	reaction, getCustomEmoji, theme
 }) => {
+	const {
+		onReactionPress, onReactionLongPress, baseUrl, user
+	} = useContext(MessageContext);
 	const reacted = reaction.usernames.findIndex(item => item === user.username) !== -1;
 	return (
 		<Touchable
@@ -54,7 +61,7 @@ const Reaction = React.memo(({
 });
 
 const Reactions = React.memo(({
-	reactions, user, baseUrl, onReactionPress, reactionInit, onReactionLongPress, getCustomEmoji, theme
+	reactions, getCustomEmoji, theme
 }) => {
 	if (!Array.isArray(reactions) || reactions.length === 0) {
 		return null;
@@ -65,25 +72,17 @@ const Reactions = React.memo(({
 				<Reaction
 					key={reaction.emoji}
 					reaction={reaction}
-					user={user}
-					baseUrl={baseUrl}
-					onReactionLongPress={onReactionLongPress}
-					onReactionPress={onReactionPress}
 					getCustomEmoji={getCustomEmoji}
 					theme={theme}
 				/>
 			))}
-			<AddReaction reactionInit={reactionInit} theme={theme} />
+			<AddReaction theme={theme} />
 		</View>
 	);
 });
 
 Reaction.propTypes = {
 	reaction: PropTypes.object,
-	user: PropTypes.object,
-	baseUrl: PropTypes.string,
-	onReactionPress: PropTypes.func,
-	onReactionLongPress: PropTypes.func,
 	getCustomEmoji: PropTypes.func,
 	theme: PropTypes.string
 };
@@ -91,18 +90,12 @@ Reaction.displayName = 'MessageReaction';
 
 Reactions.propTypes = {
 	reactions: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-	user: PropTypes.object,
-	baseUrl: PropTypes.string,
-	onReactionPress: PropTypes.func,
-	reactionInit: PropTypes.func,
-	onReactionLongPress: PropTypes.func,
 	getCustomEmoji: PropTypes.func,
 	theme: PropTypes.string
 };
 Reactions.displayName = 'MessageReactions';
 
 AddReaction.propTypes = {
-	reactionInit: PropTypes.func,
 	theme: PropTypes.string
 };
 AddReaction.displayName = 'MessageAddReaction';
diff --git a/app/containers/message/Reply.js b/app/containers/message/Reply.js
index 254beba5f..2278a90ab 100644
--- a/app/containers/message/Reply.js
+++ b/app/containers/message/Reply.js
@@ -1,15 +1,16 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import { View, Text, StyleSheet } from 'react-native';
 import PropTypes from 'prop-types';
 import moment from 'moment';
-import Touchable from 'react-native-platform-touchable';
 import isEqual from 'deep-equal';
 
+import Touchable from './Touchable';
 import Markdown from '../markdown';
 import openLink from '../../utils/openLink';
 import sharedStyles from '../../views/Styles';
 import { themes } from '../../constants/colors';
 import { withSplit } from '../../split';
+import MessageContext from './Context';
 
 const styles = StyleSheet.create({
 	button: {
@@ -79,12 +80,13 @@ const Title = React.memo(({ attachment, timeFormat, theme }) => {
 });
 
 const Description = React.memo(({
-	attachment, baseUrl, user, getCustomEmoji, theme
+	attachment, getCustomEmoji, theme
 }) => {
 	const text = attachment.text || attachment.title;
 	if (!text) {
 		return null;
 	}
+	const { baseUrl, user } = useContext(MessageContext);
 	return (
 		<Markdown
 			msg={text}
@@ -124,11 +126,12 @@ const Fields = React.memo(({ attachment, theme }) => {
 }, (prevProps, nextProps) => isEqual(prevProps.attachment.fields, nextProps.attachment.fields) && prevProps.theme === nextProps.theme);
 
 const Reply = React.memo(({
-	attachment, timeFormat, baseUrl, user, index, getCustomEmoji, split, theme
+	attachment, timeFormat, index, getCustomEmoji, split, theme
 }) => {
 	if (!attachment) {
 		return null;
 	}
+	const { baseUrl, user } = useContext(MessageContext);
 
 	const onPress = () => {
 		let url = attachment.title_link || attachment.author_link;
@@ -160,8 +163,6 @@ const Reply = React.memo(({
 				<Description
 					attachment={attachment}
 					timeFormat={timeFormat}
-					baseUrl={baseUrl}
-					user={user}
 					getCustomEmoji={getCustomEmoji}
 					theme={theme}
 				/>
@@ -174,8 +175,6 @@ const Reply = React.memo(({
 Reply.propTypes = {
 	attachment: PropTypes.object,
 	timeFormat: PropTypes.string,
-	baseUrl: PropTypes.string,
-	user: PropTypes.object,
 	index: PropTypes.number,
 	theme: PropTypes.string,
 	getCustomEmoji: PropTypes.func,
@@ -192,8 +191,6 @@ Title.displayName = 'MessageReplyTitle';
 
 Description.propTypes = {
 	attachment: PropTypes.object,
-	baseUrl: PropTypes.string,
-	user: PropTypes.object,
 	getCustomEmoji: PropTypes.func,
 	theme: PropTypes.string
 };
diff --git a/app/containers/message/Touchable.js b/app/containers/message/Touchable.js
new file mode 100644
index 000000000..edd2d63e5
--- /dev/null
+++ b/app/containers/message/Touchable.js
@@ -0,0 +1,25 @@
+import React, { useContext } from 'react';
+import Touchable from 'react-native-platform-touchable';
+import PropTypes from 'prop-types';
+
+import MessageContext from './Context';
+
+const RCTouchable = React.memo(({ children, ...props }) => {
+	const { onLongPress } = useContext(MessageContext);
+
+	return (
+		<Touchable
+			onLongPress={onLongPress}
+			{...props}
+		>
+			{children}
+		</Touchable>
+	);
+});
+RCTouchable.propTypes = {
+	children: PropTypes.node
+};
+RCTouchable.Ripple = (...args) => Touchable.Ripple(...args);
+RCTouchable.SelectableBackgroundBorderless = () => Touchable.SelectableBackgroundBorderless();
+
+export default RCTouchable;
diff --git a/app/containers/message/Urls.js b/app/containers/message/Urls.js
index a10459e9d..e4a2ac4e5 100644
--- a/app/containers/message/Urls.js
+++ b/app/containers/message/Urls.js
@@ -1,12 +1,12 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import {
 	View, Text, StyleSheet, Clipboard
 } from 'react-native';
 import PropTypes from 'prop-types';
 import FastImage from 'react-native-fast-image';
-import Touchable from 'react-native-platform-touchable';
 import isEqual from 'lodash/isEqual';
 
+import Touchable from './Touchable';
 import openLink from '../../utils/openLink';
 import sharedStyles from '../../views/Styles';
 import { themes } from '../../constants/colors';
@@ -15,6 +15,7 @@ import { withSplit } from '../../split';
 import { LISTENER } from '../Toast';
 import EventEmitter from '../../utils/events';
 import I18n from '../../i18n';
+import MessageContext from './Context';
 
 const styles = StyleSheet.create({
 	button: {
@@ -52,10 +53,11 @@ const styles = StyleSheet.create({
 	}
 });
 
-const UrlImage = React.memo(({ image, user, baseUrl }) => {
+const UrlImage = React.memo(({ image }) => {
 	if (!image) {
 		return null;
 	}
+	const { baseUrl, user } = useContext(MessageContext);
 	image = image.includes('http') ? image : `${ baseUrl }/${ image }?rc_uid=${ user.id }&rc_token=${ user.token }`;
 	return <FastImage source={{ uri: image }} style={styles.image} resizeMode={FastImage.resizeMode.cover} />;
 }, (prevProps, nextProps) => prevProps.image === nextProps.image);
@@ -79,7 +81,7 @@ const UrlContent = React.memo(({ title, description, theme }) => (
 });
 
 const Url = React.memo(({
-	url, index, user, baseUrl, split, theme
+	url, index, split, theme
 }) => {
 	if (!url) {
 		return null;
@@ -109,7 +111,7 @@ const Url = React.memo(({
 			background={Touchable.Ripple(themes[theme].bannerBackground)}
 		>
 			<>
-				<UrlImage image={url.image} user={user} baseUrl={baseUrl} />
+				<UrlImage image={url.image} />
 				<UrlContent title={url.title} description={url.description} theme={theme} />
 			</>
 		</Touchable>
@@ -117,21 +119,19 @@ const Url = React.memo(({
 }, (oldProps, newProps) => isEqual(oldProps.url, newProps.url) && oldProps.split === newProps.split && oldProps.theme === newProps.theme);
 
 const Urls = React.memo(({
-	urls, user, baseUrl, split, theme
+	urls, split, theme
 }) => {
 	if (!urls || urls.length === 0) {
 		return null;
 	}
 
 	return urls.map((url, index) => (
-		<Url url={url} key={url.url} index={index} user={user} baseUrl={baseUrl} split={split} theme={theme} />
+		<Url url={url} key={url.url} index={index} split={split} theme={theme} />
 	));
 }, (oldProps, newProps) => isEqual(oldProps.urls, newProps.urls) && oldProps.split === newProps.split && oldProps.theme === newProps.theme);
 
 UrlImage.propTypes = {
-	image: PropTypes.string,
-	user: PropTypes.object,
-	baseUrl: PropTypes.string
+	image: PropTypes.string
 };
 UrlImage.displayName = 'MessageUrlImage';
 
@@ -145,8 +145,6 @@ UrlContent.displayName = 'MessageUrlContent';
 Url.propTypes = {
 	url: PropTypes.object.isRequired,
 	index: PropTypes.number,
-	user: PropTypes.object,
-	baseUrl: PropTypes.string,
 	theme: PropTypes.string,
 	split: PropTypes.bool
 };
@@ -154,8 +152,6 @@ Url.displayName = 'MessageUrl';
 
 Urls.propTypes = {
 	urls: PropTypes.array,
-	user: PropTypes.object,
-	baseUrl: PropTypes.string,
 	theme: PropTypes.string,
 	split: PropTypes.bool
 };
diff --git a/app/containers/message/User.js b/app/containers/message/User.js
index 022d2a58b..827a9b731 100644
--- a/app/containers/message/User.js
+++ b/app/containers/message/User.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import {
 	View, Text, StyleSheet, TouchableOpacity
@@ -11,6 +11,7 @@ import { withTheme } from '../../theme';
 import MessageError from './MessageError';
 import sharedStyles from '../../views/Styles';
 import messageStyles from './styles';
+import MessageContext from './Context';
 
 const styles = StyleSheet.create({
 	container: {
@@ -35,13 +36,14 @@ const styles = StyleSheet.create({
 });
 
 const User = React.memo(({
-	isHeader, useRealName, author, alias, ts, timeFormat, hasError, theme, navToRoomInfo, user, ...props
+	isHeader, useRealName, author, alias, ts, timeFormat, hasError, theme, navToRoomInfo, ...props
 }) => {
 	if (isHeader || hasError) {
 		const navParam = {
 			t: 'd',
 			rid: author._id
 		};
+		const { user } = useContext(MessageContext);
 		const username = (useRealName && author.name) || author.username;
 		const aliasUsername = alias ? (<Text style={[styles.alias, { color: themes[theme].auxiliaryText }]}> @{username}</Text>) : null;
 		const time = moment(ts).format(timeFormat);
@@ -49,15 +51,14 @@ const User = React.memo(({
 		return (
 			<View style={styles.container}>
 				<TouchableOpacity
+					style={styles.titleContainer}
 					onPress={() => navToRoomInfo(navParam)}
 					disabled={author._id === user.id}
 				>
-					<View style={styles.titleContainer}>
-						<Text style={[styles.username, { color: themes[theme].titleText }]} numberOfLines={1}>
-							{alias || username}
-							{aliasUsername}
-						</Text>
-					</View>
+					<Text style={[styles.username, { color: themes[theme].titleText }]} numberOfLines={1}>
+						{alias || username}
+						{aliasUsername}
+					</Text>
 				</TouchableOpacity>
 				<Text style={[messageStyles.time, { color: themes[theme].auxiliaryText }]}>{time}</Text>
 				{ hasError && <MessageError hasError={hasError} theme={theme} {...props} /> }
@@ -76,7 +77,6 @@ User.propTypes = {
 	ts: PropTypes.instanceOf(Date),
 	timeFormat: PropTypes.string,
 	theme: PropTypes.string,
-	user: PropTypes.obj,
 	navToRoomInfo: PropTypes.func
 };
 User.displayName = 'MessageUser';
diff --git a/app/containers/message/Video.js b/app/containers/message/Video.js
index a30c3abe8..c765702e0 100644
--- a/app/containers/message/Video.js
+++ b/app/containers/message/Video.js
@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { StyleSheet } from 'react-native';
-import Touchable from 'react-native-platform-touchable';
 import isEqual from 'deep-equal';
 
+import Touchable from './Touchable';
 import Markdown from '../markdown';
 import openLink from '../../utils/openLink';
 import { isIOS, isTablet } from '../../utils/deviceInfo';
@@ -11,6 +11,7 @@ import { CustomIcon } from '../../lib/Icons';
 import { formatAttachmentUrl } from '../../lib/utils';
 import { themes } from '../../constants/colors';
 import sharedStyles from '../../views/Styles';
+import MessageContext from './Context';
 
 const SUPPORTED_TYPES = ['video/quicktime', 'video/mp4', ...(isIOS ? [] : ['video/3gp', 'video/mkv'])];
 const isTypeSupported = type => SUPPORTED_TYPES.indexOf(type) !== -1;
@@ -27,12 +28,12 @@ const styles = StyleSheet.create({
 });
 
 const Video = React.memo(({
-	file, baseUrl, user, showAttachment, getCustomEmoji, theme
+	file, showAttachment, getCustomEmoji, theme
 }) => {
+	const { baseUrl, user } = useContext(MessageContext);
 	if (!baseUrl) {
 		return null;
 	}
-
 	const onPress = () => {
 		if (isTypeSupported(file.video_type)) {
 			return showAttachment(file);
@@ -61,8 +62,6 @@ const Video = React.memo(({
 
 Video.propTypes = {
 	file: PropTypes.object,
-	baseUrl: PropTypes.string,
-	user: PropTypes.object,
 	showAttachment: PropTypes.func,
 	getCustomEmoji: PropTypes.func,
 	theme: PropTypes.string
diff --git a/app/containers/message/index.js b/app/containers/message/index.js
index 1a49b80f6..43559abbe 100644
--- a/app/containers/message/index.js
+++ b/app/containers/message/index.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { KeyboardUtils } from 'react-native-keyboard-input';
 
 import Message from './Message';
+import MessageContext from './Context';
 import debounce from '../../utils/debounce';
 import { SYSTEM_MESSAGES, getMessageTranslation } from './utils';
 import messagesStatus from '../../constants/messagesStatus';
@@ -240,63 +241,68 @@ class MessageContainer extends React.Component {
 		}
 
 		return (
-			<Message
-				id={id}
-				msg={message}
-				rid={rid}
-				author={u}
-				ts={ts}
-				type={t}
-				attachments={attachments}
-				blocks={blocks}
-				urls={urls}
-				reactions={reactions}
-				alias={alias}
-				avatar={avatar}
-				user={user}
-				timeFormat={timeFormat}
-				customThreadTimeFormat={customThreadTimeFormat}
-				style={style}
-				archived={archived}
-				broadcast={broadcast}
-				baseUrl={baseUrl}
-				useRealName={useRealName}
-				isReadReceiptEnabled={isReadReceiptEnabled}
-				unread={unread}
-				role={role}
-				drid={drid}
-				dcount={dcount}
-				dlm={dlm}
-				tmid={tmid}
-				tcount={tcount}
-				tlm={tlm}
-				tmsg={tmsg}
-				fetchThreadName={fetchThreadName}
-				mentions={mentions}
-				channels={channels}
-				isEdited={editedBy && !!editedBy.username}
-				isHeader={this.isHeader}
-				isThreadReply={this.isThreadReply}
-				isThreadSequential={this.isThreadSequential}
-				isThreadRoom={isThreadRoom}
-				isInfo={this.isInfo}
-				isTemp={this.isTemp}
-				hasError={this.hasError}
-				onErrorPress={this.onErrorPress}
-				onPress={this.onPress}
-				onLongPress={this.onLongPress}
-				onReactionLongPress={this.onReactionLongPress}
-				onReactionPress={this.onReactionPress}
-				replyBroadcast={this.replyBroadcast}
-				reactionInit={this.reactionInit}
-				onDiscussionPress={this.onDiscussionPress}
-				showAttachment={showAttachment}
-				getCustomEmoji={getCustomEmoji}
-				navToRoomInfo={navToRoomInfo}
-				callJitsi={callJitsi}
-				blockAction={blockAction}
-				theme={theme}
-			/>
+			<MessageContext.Provider
+				value={{
+					user,
+					baseUrl,
+					onPress: this.onPress,
+					onLongPress: this.onLongPress,
+					reactionInit: this.reactionInit,
+					onErrorPress: this.onErrorPress,
+					replyBroadcast: this.replyBroadcast,
+					onReactionPress: this.onReactionPress,
+					onDiscussionPress: this.onDiscussionPress,
+					onReactionLongPress: this.onReactionLongPress
+				}}
+			>
+				<Message
+					id={id}
+					msg={message}
+					rid={rid}
+					author={u}
+					ts={ts}
+					type={t}
+					attachments={attachments}
+					blocks={blocks}
+					urls={urls}
+					reactions={reactions}
+					alias={alias}
+					avatar={avatar}
+					timeFormat={timeFormat}
+					customThreadTimeFormat={customThreadTimeFormat}
+					style={style}
+					archived={archived}
+					broadcast={broadcast}
+					useRealName={useRealName}
+					isReadReceiptEnabled={isReadReceiptEnabled}
+					unread={unread}
+					role={role}
+					drid={drid}
+					dcount={dcount}
+					dlm={dlm}
+					tmid={tmid}
+					tcount={tcount}
+					tlm={tlm}
+					tmsg={tmsg}
+					fetchThreadName={fetchThreadName}
+					mentions={mentions}
+					channels={channels}
+					isEdited={editedBy && !!editedBy.username}
+					isHeader={this.isHeader}
+					isThreadReply={this.isThreadReply}
+					isThreadSequential={this.isThreadSequential}
+					isThreadRoom={isThreadRoom}
+					isInfo={this.isInfo}
+					isTemp={this.isTemp}
+					hasError={this.hasError}
+					showAttachment={showAttachment}
+					getCustomEmoji={getCustomEmoji}
+					navToRoomInfo={navToRoomInfo}
+					callJitsi={callJitsi}
+					blockAction={blockAction}
+					theme={theme}
+				/>
+			</MessageContext.Provider>
 		);
 	}
 }
diff --git a/app/views/RoomView/Header/RoomHeaderLeft.js b/app/views/RoomView/Header/RoomHeaderLeft.js
index 85b8db314..670dfd150 100644
--- a/app/views/RoomView/Header/RoomHeaderLeft.js
+++ b/app/views/RoomView/Header/RoomHeaderLeft.js
@@ -37,7 +37,6 @@ const RoomHeaderLeft = ({
 				style={styles.avatar}
 				userId={userId}
 				token={token}
-				theme={theme}
 				onPress={goRoomActionsView}
 			/>
 		);
diff --git a/storybook/stories/Message.js b/storybook/stories/Message.js
index 6231aa3df..36920a0cb 100644
--- a/storybook/stories/Message.js
+++ b/storybook/stories/Message.js
@@ -8,6 +8,7 @@ import messagesStatus from '../../app/constants/messagesStatus';
 import MessageSeparator from '../../app/views/RoomView/Separator';
 
 import { themes } from '../../app/constants/colors';
+import MessageContext from '../../app/containers/message/Context';
 
 let _theme = 'light';
 
@@ -41,17 +42,32 @@ const getCustomEmoji = (content) => {
 };
 
 const Message = props => (
-	<MessageComponent
-		baseUrl={baseUrl}
-		user={user}
-		author={author}
-		ts={date}
-		timeFormat='LT'
-		isHeader
-		getCustomEmoji={getCustomEmoji}
-		theme={_theme}
-		{...props}
-	/>
+	<MessageContext.Provider
+		value={{
+			user,
+			baseUrl,
+			onPress: () => {},
+			onLongPress: () => {},
+			reactionInit: () => {},
+			onErrorPress: () => {},
+			replyBroadcast: () => {},
+			onReactionPress: () => {},
+			onDiscussionPress: () => {},
+			onReactionLongPress: () => {}
+		}}
+	>
+		<MessageComponent
+			baseUrl={baseUrl}
+			user={user}
+			author={author}
+			ts={date}
+			timeFormat='LT'
+			isHeader
+			getCustomEmoji={getCustomEmoji}
+			theme={_theme}
+			{...props}
+		/>
+	</MessageContext.Provider>
 );
 
 // eslint-disable-next-line react/prop-types