diff --git a/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap b/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap index 5135b155127..97d9de5ea35 100644 --- a/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap +++ b/app/containers/Avatar/__snapshots__/Avatar.test.tsx.snap @@ -608,40 +608,54 @@ exports[`Story Snapshots: Emoji should match snapshot 1`] = ` } testID="avatar" > - + + height={56} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/troll.jpg", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 56, + "width": 56, + } + } + transition={null} + width={56} + /> + `; diff --git a/app/containers/markdown/__snapshots__/Markdown.test.tsx.snap b/app/containers/markdown/__snapshots__/Markdown.test.tsx.snap index faa65cf2e84..043ce490978 100644 --- a/app/containers/markdown/__snapshots__/Markdown.test.tsx.snap +++ b/app/containers/markdown/__snapshots__/Markdown.test.tsx.snap @@ -709,38 +709,52 @@ exports[`Story Snapshots: Emoji should match snapshot 1`] = ` > Custom emojis: - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -896,38 +938,52 @@ exports[`Story Snapshots: Emoji should match snapshot 1`] = ` > 👍 - + + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + diff --git a/app/containers/markdown/components/emoji/Emoji.tsx b/app/containers/markdown/components/emoji/Emoji.tsx index 1d02aa2c852..f1039d7bd1e 100644 --- a/app/containers/markdown/components/emoji/Emoji.tsx +++ b/app/containers/markdown/components/emoji/Emoji.tsx @@ -1,5 +1,5 @@ import React, { useContext } from 'react'; -import { Text, useWindowDimensions } from 'react-native'; +import { Text, View, useWindowDimensions } from 'react-native'; import { type Emoji as EmojiProps } from '@rocket.chat/message-parser'; import Plain from '../Plain'; @@ -68,7 +68,11 @@ const Emoji = ({ block, isBigEmoji, style = {}, index, isAvatar = false }: IEmoj }; if (emoji) { - return ; + return ( + + + + ); } return ( diff --git a/app/containers/message/__snapshots__/Message.test.tsx.snap b/app/containers/message/__snapshots__/Message.test.tsx.snap index fb42ca0dda3..0b13cdedcd7 100644 --- a/app/containers/message/__snapshots__/Message.test.tsx.snap +++ b/app/containers/message/__snapshots__/Message.test.tsx.snap @@ -3305,40 +3305,54 @@ exports[`Story Snapshots: Avatar should match snapshot 1`] = ` } } > - + + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + @@ -3663,40 +3677,54 @@ exports[`Story Snapshots: Avatar should match snapshot 1`] = ` } } > - + + height={36} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "borderRadius": 4, + "height": 36, + "width": 36, + } + } + transition={null} + width={36} + /> + @@ -26636,102 +26664,144 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` } } > - + - + + + - + + + + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + @@ -27055,38 +27125,52 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` } } > - + + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + @@ -27429,38 +27513,52 @@ exports[`Story Snapshots: Emojis should match snapshot 1`] = ` > 🤙 - + + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + @@ -28919,102 +29017,144 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` } } > - + - + + + - + + + + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + @@ -29338,38 +29478,52 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` } } > - + + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + @@ -29712,38 +29866,52 @@ exports[`Story Snapshots: EmojisLargeFont should match snapshot 1`] = ` > 🤙 - + + height={30} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/react_rocket.png", + }, + ] + } + style={ + { + "height": 30, + "width": 30, + } + } + transition={null} + width={30} + /> + @@ -67305,38 +67473,52 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` > How are you? - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -67496,38 +67678,52 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` > How are you? - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -68829,38 +69025,52 @@ exports[`Story Snapshots: MessageWithReply should match snapshot 1`] = ` > Are you seeing this mario - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + How are you? - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -74955,38 +75179,52 @@ exports[`Story Snapshots: MessageWithReplyLargeFont should match snapshot 1`] = > Are you seeing this mario - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/marioparty.gif", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + Message - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -111905,38 +112157,52 @@ exports[`Story Snapshots: URLLargeFont should match snapshot 1`] = ` > Message - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -114179,38 +114445,52 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -115881,38 +116161,52 @@ exports[`Story Snapshots: WithAudio should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -116801,38 +117095,52 @@ exports[`Story Snapshots: WithAudioLargeFont should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -118964,38 +119272,52 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -119310,38 +119632,52 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -119535,38 +119871,52 @@ exports[`Story Snapshots: WithFile should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -120091,38 +120441,52 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -120437,38 +120801,52 @@ exports[`Story Snapshots: WithFileLargeFont should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -121454,38 +121832,52 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -121707,38 +122099,52 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -122429,38 +122835,52 @@ exports[`Story Snapshots: WithImage should match snapshot 1`] = ` > This is a description for Base64 Attachment - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -123525,38 +123945,52 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -124089,38 +124523,52 @@ exports[`Story Snapshots: WithImageLargeFont should match snapshot 1`] = ` > This is a description for Base64 Attachment - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -124653,38 +125101,52 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -125303,38 +125765,52 @@ exports[`Story Snapshots: WithVideo should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> + @@ -125966,38 +126442,52 @@ exports[`Story Snapshots: WithVideoLargeFont should match snapshot 1`] = ` > This is a description - + + height={15} + nativeViewRef={"[React.ref]"} + onError={[Function]} + onLoad={[Function]} + onLoadStart={[Function]} + onProgress={[Function]} + placeholder={[]} + source={ + [ + { + "uri": "https://open.rocket.chat/emoji-custom/nyan_rocket.png", + }, + ] + } + style={ + { + "height": 15, + "width": 15, + } + } + transition={null} + width={15} + /> +