verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

chore: remove mentions colors

This commit is contained in:
GleidsonDaniel 2024-03-14 17:28:42 -03:00
parent 491de3c26f
commit fa4a3d3951
34 changed files with 248 additions and 257 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.storybook/preview.js
View File

@ -30,7 +30,7 @@ export const decorators = [
onReactionPress: () => {},
onDiscussionPress: () => {},
onReactionLongPress: () => {},
threadBadgeColor: themes.light.tunreadColor
threadBadgeColor: themes.light.fontInfo
}}
>
<Story />

2
__tests__/containers/Avatar/__snapshots__/Avatar.stories.storyshot
View File

@ -12,7 +12,7 @@ exports[`Storyshots Avatar Avatar Url 1`] = `"{\\"type\\":\\"View\\",\\"props\\"
exports[`Storyshots Avatar Channel 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":4},null],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/@general?format=png&size=112\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}"`;
exports[`Storyshots Avatar Children 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":4},null],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/Avatar?format=png&size=112\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#f5455c\\"},[{\\"lineHeight\\":24},[{\\"width\\":24,\\"height\\":24,\\"textAlignVertical\\":\\"center\\"},[{\\"position\\":\\"absolute\\",\\"bottom\\":-2,\\"right\\":-2,\\"borderRadius\\":10}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}"`;
exports[`Storyshots Avatar Children 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":4},null],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/Avatar?format=png&size=112\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":24,\\"color\\":\\"#DA1F37\\"},[{\\"lineHeight\\":24},[{\\"width\\":24,\\"height\\":24,\\"textAlignVertical\\":\\"center\\"},[{\\"position\\":\\"absolute\\",\\"bottom\\":-2,\\"right\\":-2,\\"borderRadius\\":10}]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}"`;
exports[`Storyshots Avatar Custom Border Radius 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":28},null],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":56,\\"height\\":56,\\"borderRadius\\":28}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/Avatar?format=png&size=112\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]}"`;

6
__tests__/containers/Chip/__snapshots__/Chip.stories.storyshot
View File

@ -1,10 +1,10 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Chip Chip Text 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"style\\":[{\\"paddingHorizontal\\":8,\\"marginRight\\":8,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":192},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"collapsable\\":false},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4},{\\"marginRight\\":8,\\"marginVertical\\":8}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=56\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":8,\\"maxWidth\\":120}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Rocket.Cat\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":16},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
exports[`Storyshots Chip Chip Text 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"style\\":[{\\"paddingHorizontal\\":8,\\"marginRight\\":8,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":192},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"collapsable\\":false},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4},{\\"marginRight\\":8,\\"marginVertical\\":8}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=56\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":8,\\"maxWidth\\":120}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Rocket.Cat\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#2F343D\\"},[{\\"lineHeight\\":16},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
exports[`Storyshots Chip Chip With Short Text 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"style\\":[{\\"paddingHorizontal\\":8,\\"marginRight\\":8,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":192},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"collapsable\\":false},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4},{\\"marginRight\\":8,\\"marginVertical\\":8}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=56\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":8,\\"maxWidth\\":120}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Short\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":16},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
exports[`Storyshots Chip Chip With Short Text 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"style\\":[{\\"paddingHorizontal\\":8,\\"marginRight\\":8,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":192},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"collapsable\\":false},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4},{\\"marginRight\\":8,\\"marginVertical\\":8}],\\"testID\\":\\"avatar\\"},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"overflow\\":\\"hidden\\"},{\\"width\\":28,\\"height\\":28,\\"borderRadius\\":4}]},\\"children\\":[{\\"type\\":\\"FastImageView\\",\\"props\\":{\\"style\\":{\\"position\\":\\"absolute\\",\\"left\\":0,\\"right\\":0,\\"top\\":0,\\"bottom\\":0},\\"source\\":{\\"uri\\":\\"https://open.rocket.chat/avatar/rocket.cat?format=png&size=56\\",\\"headers\\":{\\"User-Agent\\":\\"RC Mobile; ios unknown; vunknown (unknown)\\"},\\"priority\\":\\"high\\"},\\"resizeMode\\":\\"cover\\"},\\"children\\":null}]}]},{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":8,\\"maxWidth\\":120}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Short\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#2F343D\\"},[{\\"lineHeight\\":16},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
exports[`Storyshots Chip Chip Without Avatar 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"style\\":[{\\"paddingHorizontal\\":8,\\"marginRight\\":8,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":192},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"collapsable\\":false},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":8,\\"maxWidth\\":120}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Without Avatar\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":16},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
exports[`Storyshots Chip Chip Without Avatar 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":false},\\"focusable\\":true,\\"style\\":[{\\"paddingHorizontal\\":8,\\"marginRight\\":8,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":192},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"collapsable\\":false},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":8,\\"maxWidth\\":120}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Without Avatar\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#2F343D\\"},[{\\"lineHeight\\":16},null],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
exports[`Storyshots Chip Chip Without Avatar And Icon 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"accessible\\":true,\\"accessibilityState\\":{\\"disabled\\":true},\\"focusable\\":true,\\"style\\":[{\\"paddingHorizontal\\":8,\\"marginRight\\":8,\\"borderRadius\\":4,\\"justifyContent\\":\\"center\\",\\"maxWidth\\":192},{\\"backgroundColor\\":\\"#efeff4\\"},null],\\"collapsable\\":false},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flexDirection\\":\\"row\\",\\"alignItems\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"marginRight\\":8,\\"maxWidth\\":120}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":16,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#2f343d\\"}],\\"numberOfLines\\":1},\\"children\\":[\\"Without Avatar and Icon\\"]}]}]}]}]}"`;

10
__tests__/containers/HeaderButton/__snapshots__/HeaderButtons.stories.storyshot
View File

File diff suppressed because one or more lines are too long

22
__tests__/containers/List/__snapshots__/List.stories.storyshot
View File

File diff suppressed because one or more lines are too long

2
__tests__/containers/LoginServices/__snapshots__/LoginServices.stories.storyshot
View File

File diff suppressed because one or more lines are too long

4
__tests__/containers/ReactionsList/__snapshots__/ReactionsList.stories.storyshot
View File

File diff suppressed because one or more lines are too long

10
__tests__/containers/RoomHeader/__snapshots__/RoomHeader.stories.storyshot
View File

File diff suppressed because one or more lines are too long

22
__tests__/containers/RoomItem/__snapshots__/RoomItem.stories.storyshot
View File

File diff suppressed because one or more lines are too long

2
__tests__/containers/RoomTypeIcon/__snapshots__/RoomTypeIcon.stories.storyshot
View File

@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots RoomTypeIcon All 1`] = `"[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":30},[{\\"width\\":30,\\"height\\":30,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},null]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":30},[{\\"width\\":30,\\"height\\":30,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},null]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#ffd21f\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#0d0e12\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},{\\"margin\\":10}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]"`;
exports[`Storyshots RoomTypeIcon All 1`] = `"[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":30},[{\\"width\\":30,\\"height\\":30,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},null]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#158D65\\"},[{\\"lineHeight\\":30},[{\\"width\\":30,\\"height\\":30,\\"textAlignVertical\\":\\"center\\"},[{\\"marginRight\\":4},null]]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#1F2329\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#1F2329\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#1F2329\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#1F2329\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#1F2329\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#1F2329\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#AC892F\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":30,\\"color\\":\\"#1F2329\\"},[{\\"lineHeight\\":30},[{\\"marginRight\\":4},{\\"margin\\":10}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]"`;

2
__tests__/containers/SearchBox/__snapshots__/SearchBox.stories.storyshot
View File

@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots SearchBox Basic 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"testID\\":\\"searchbox\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"marginBottom\\":10},{\\"margin\\":16,\\"marginBottom\\":16}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"position\\":\\"relative\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"style\\":[{\\"color\\":\\"#0d0e12\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"height\\":48,\\"fontSize\\":16,\\"paddingHorizontal\\":16,\\"paddingVertical\\":10,\\"borderWidth\\":1,\\"borderRadius\\":4},null,{\\"paddingRight\\":45},{\\"backgroundColor\\":\\"#ffffff\\",\\"borderColor\\":\\"#cbcbcc\\",\\"color\\":\\"#0d0e12\\"},null,null],{\\"textAlign\\":\\"auto\\"}],\\"placeholderTextColor\\":\\"#6C727A\\",\\"keyboardAppearance\\":\\"light\\",\\"autoCorrect\\":false,\\"autoCapitalize\\":\\"none\\",\\"underlineColorAndroid\\":\\"transparent\\",\\"accessibilityLabel\\":\\"Search\\",\\"placeholder\\":\\"Search\\",\\"value\\":\\"\\",\\"blurOnSubmit\\":true,\\"returnKeyType\\":\\"search\\"},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#2f343d\\"},[{\\"lineHeight\\":20},[{\\"position\\":\\"absolute\\"},{\\"right\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
exports[`Storyshots SearchBox Basic 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"testID\\":\\"searchbox\\",\\"style\\":{\\"backgroundColor\\":\\"#ffffff\\"}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"marginBottom\\":10},{\\"margin\\":16,\\"marginBottom\\":16}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"position\\":\\"relative\\",\\"justifyContent\\":\\"center\\"}},\\"children\\":[{\\"type\\":\\"TextInput\\",\\"props\\":{\\"style\\":[{\\"color\\":\\"#1F2329\\"},[{\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\",\\"height\\":48,\\"fontSize\\":16,\\"paddingHorizontal\\":16,\\"paddingVertical\\":10,\\"borderWidth\\":2,\\"borderRadius\\":2},null,{\\"paddingRight\\":45},{\\"backgroundColor\\":\\"#ffffff\\",\\"borderColor\\":\\"#CBCED1\\",\\"color\\":\\"#1F2329\\"},null,null],{\\"textAlign\\":\\"auto\\"}],\\"placeholderTextColor\\":\\"#9EA2A8\\",\\"keyboardAppearance\\":\\"light\\",\\"autoCorrect\\":false,\\"autoCapitalize\\":\\"none\\",\\"underlineColorAndroid\\":\\"transparent\\",\\"accessibilityLabel\\":\\"Search\\",\\"placeholder\\":\\"Search\\",\\"value\\":\\"\\",\\"blurOnSubmit\\":true,\\"returnKeyType\\":\\"search\\"},\\"children\\":null},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":20,\\"color\\":\\"#2F343D\\"},[{\\"lineHeight\\":20},[{\\"position\\":\\"absolute\\"},{\\"right\\":12}]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;

6
__tests__/containers/ServerItem/__snapshots__/ServerItem.stories.storyshot
View File

File diff suppressed because one or more lines are too long

2
__tests__/containers/Status/__snapshots__/Status.stories.storyshot
View File

@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots Status All 1`] = `"[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#f5455c\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#ffd21f\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#9ea2a8\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#F38C39\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#cbced1\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":60,\\"color\\":\\"#2de0a5\\"},[{\\"lineHeight\\":60},[{\\"width\\":60,\\"height\\":60,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]"`;
exports[`Storyshots Status All 1`] = `"[{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#158D65\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#DA1F37\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#AC892F\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#F38C39\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":32,\\"color\\":\\"#6C727A\\"},[{\\"lineHeight\\":32},[{\\"width\\":32,\\"height\\":32,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":60,\\"color\\":\\"#158D65\\"},[{\\"lineHeight\\":60},[{\\"width\\":60,\\"height\\":60,\\"textAlignVertical\\":\\"center\\"},null]],{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]"`;

10
__tests__/containers/TextInput/__snapshots__/TextInput.stories.storyshot
View File

File diff suppressed because one or more lines are too long

10
__tests__/containers/UnreadBadge/__snapshots__/UnreadBadge.stories.storyshot
View File

File diff suppressed because one or more lines are too long

4
__tests__/containers/markdown/__snapshots__/Markdown.stories.storyshot
View File

File diff suppressed because one or more lines are too long

6
__tests__/containers/markdown/new/__snapshots__/NewMarkdown.stories.storyshot
View File

File diff suppressed because one or more lines are too long

80
__tests__/containers/message/__snapshots__/Message.stories.storyshot
View File

File diff suppressed because one or more lines are too long

2
__tests__/views/CannedResponsesListView/__snapshots__/CannedResponseItem.stories.storyshot
View File

File diff suppressed because one or more lines are too long

2
__tests__/views/CreateChannelView/RoomSettings/__snapshots__/SwitchItem.stories.storyshot
View File

@ -1,3 +1,3 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Storyshots SwitchItem Switch 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"minHeight\\":54,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"space-between\\",\\"flexDirection\\":\\"row\\",\\"maxHeight\\":80,\\"marginBottom\\":12},{\\"backgroundColor\\":\\"#ffffff\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"marginRight\\":8}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#0d0e12\\"}]},\\"children\\":[\\"[missing \\\\\\"en.Onboarding_title\\\\\\" translation]\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"testID\\":\\"create-channel-switch-id-hint\\",\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Only authorized users can write new messages\\"]}]},{\\"type\\":\\"RCTSwitch\\",\\"props\\":{\\"testID\\":\\"create-channel-switch-id\\",\\"disabled\\":false,\\"onTintColor\\":\\"#2de0a5\\",\\"style\\":{\\"height\\":31,\\"width\\":51},\\"tintColor\\":\\"#f5455c\\",\\"value\\":false,\\"accessibilityRole\\":\\"switch\\"},\\"children\\":null}]}]}"`;
exports[`Storyshots SwitchItem Switch 1`] = `"{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"alignItems\\":\\"flex-start\\",\\"padding\\":16}},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":[{\\"minHeight\\":54,\\"alignItems\\":\\"center\\",\\"justifyContent\\":\\"space-between\\",\\"flexDirection\\":\\"row\\",\\"maxHeight\\":80,\\"marginBottom\\":12},{\\"backgroundColor\\":\\"#ffffff\\"}]},\\"children\\":[{\\"type\\":\\"View\\",\\"props\\":{\\"style\\":{\\"flex\\":1,\\"marginRight\\":8}},\\"children\\":[{\\"type\\":\\"Text\\",\\"props\\":{\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"500\\"},{\\"color\\":\\"#1F2329\\"}]},\\"children\\":[\\"[missing \\\\\\"en.Onboarding_title\\\\\\" translation]\\"]},{\\"type\\":\\"Text\\",\\"props\\":{\\"testID\\":\\"create-channel-switch-id-hint\\",\\"style\\":[{\\"fontSize\\":14,\\"textAlign\\":\\"left\\",\\"backgroundColor\\":\\"transparent\\",\\"fontFamily\\":\\"Inter\\",\\"fontWeight\\":\\"400\\"},{\\"color\\":\\"#6C727A\\"}]},\\"children\\":[\\"Only authorized users can write new messages\\"]}]},{\\"type\\":\\"RCTSwitch\\",\\"props\\":{\\"testID\\":\\"create-channel-switch-id\\",\\"disabled\\":false,\\"onTintColor\\":\\"#2de0a5\\",\\"style\\":{\\"height\\":31,\\"width\\":51},\\"tintColor\\":\\"#f5455c\\",\\"value\\":false,\\"accessibilityRole\\":\\"switch\\"},\\"children\\":null}]}]}"`;

4
__tests__/views/DiscussionsView/__snapshots__/Item.stories.storyshot
View File

File diff suppressed because one or more lines are too long

8
__tests__/views/RoomView/LoadMore/__snapshots__/LoadMore.stories.storyshot
View File

File diff suppressed because one or more lines are too long

6
__tests__/views/ThreadMessagesView/__snapshots__/Item.stories.storyshot
View File

File diff suppressed because one or more lines are too long

218
app/containers/MessageComposer/__snapshots__/MessageComposer.test.tsx.snap
View File

@ -119,7 +119,7 @@ exports[`MessageComposer Audio tap record 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -311,7 +311,7 @@ exports[`MessageComposer Quote Add quote \`abc\` 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -421,7 +421,7 @@ exports[`MessageComposer Quote Add quote \`abc\` 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -728,7 +728,7 @@ exports[`MessageComposer Quote Add quote \`def\` 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -838,7 +838,7 @@ exports[`MessageComposer Quote Add quote \`def\` 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -1323,7 +1323,7 @@ exports[`MessageComposer Quote Remove a quote 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -1433,7 +1433,7 @@ exports[`MessageComposer Quote Remove a quote 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -1953,7 +1953,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2024,7 +2024,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2095,7 +2095,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2166,7 +2166,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2237,7 +2237,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2308,7 +2308,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2379,7 +2379,7 @@ exports[`MessageComposer Toolbar Markdown tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2517,7 +2517,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2588,7 +2588,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2659,7 +2659,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2730,7 +2730,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2801,7 +2801,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2872,7 +2872,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -2943,7 +2943,7 @@ exports[`MessageComposer Toolbar Markdown tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3081,7 +3081,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3152,7 +3152,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3223,7 +3223,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3294,7 +3294,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3365,7 +3365,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3436,7 +3436,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3507,7 +3507,7 @@ exports[`MessageComposer Toolbar Markdown tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3645,7 +3645,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3716,7 +3716,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3787,7 +3787,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3858,7 +3858,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -3929,7 +3929,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4000,7 +4000,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4071,7 +4071,7 @@ exports[`MessageComposer Toolbar Markdown tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4209,7 +4209,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4280,7 +4280,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4351,7 +4351,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4422,7 +4422,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4493,7 +4493,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4564,7 +4564,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4635,7 +4635,7 @@ exports[`MessageComposer Toolbar Markdown tap markdown 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4773,7 +4773,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4844,7 +4844,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4915,7 +4915,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -4986,7 +4986,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5057,7 +5057,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5128,7 +5128,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5199,7 +5199,7 @@ exports[`MessageComposer Toolbar Markdown tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5337,7 +5337,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5408,7 +5408,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5479,7 +5479,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5550,7 +5550,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5621,7 +5621,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5692,7 +5692,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5763,7 +5763,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap bold 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5901,7 +5901,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -5972,7 +5972,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6043,7 +6043,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6114,7 +6114,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6185,7 +6185,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6256,7 +6256,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6327,7 +6327,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6465,7 +6465,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6536,7 +6536,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6607,7 +6607,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6678,7 +6678,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6749,7 +6749,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6820,7 +6820,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -6891,7 +6891,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap code-block 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7029,7 +7029,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7100,7 +7100,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7171,7 +7171,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7242,7 +7242,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7313,7 +7313,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7384,7 +7384,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7455,7 +7455,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap italic 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7593,7 +7593,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7664,7 +7664,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7735,7 +7735,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7806,7 +7806,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7877,7 +7877,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -7948,7 +7948,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8019,7 +8019,7 @@ exports[`MessageComposer Toolbar Markdown type test and tap strike 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8157,7 +8157,7 @@ exports[`MessageComposer Toolbar tap actions 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8228,7 +8228,7 @@ exports[`MessageComposer Toolbar tap actions 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8299,7 +8299,7 @@ exports[`MessageComposer Toolbar tap actions 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8370,7 +8370,7 @@ exports[`MessageComposer Toolbar tap actions 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8441,7 +8441,7 @@ exports[`MessageComposer Toolbar tap actions 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8579,7 +8579,7 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8650,7 +8650,7 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8721,7 +8721,7 @@ exports[`MessageComposer Toolbar tap emoji 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8860,7 +8860,7 @@ Array [
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -8931,7 +8931,7 @@ Array [
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -9002,7 +9002,7 @@ Array [
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -9073,7 +9073,7 @@ Array [
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -9144,7 +9144,7 @@ Array [
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -9580,7 +9580,7 @@ exports[`MessageComposer renders correctly 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -9690,7 +9690,7 @@ exports[`MessageComposer renders correctly 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -9794,7 +9794,7 @@ exports[`MessageComposer renders correctly with audio recorder disabled 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -9943,7 +9943,7 @@ exports[`MessageComposer renders correctly with audio recorder disabled and with
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10092,7 +10092,7 @@ exports[`MessageComposer renders correctly without audio upload permissions 1`]
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10276,7 +10276,7 @@ exports[`MessageComposer renders toolbar when focused 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10347,7 +10347,7 @@ exports[`MessageComposer renders toolbar when focused 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10418,7 +10418,7 @@ exports[`MessageComposer renders toolbar when focused 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10489,7 +10489,7 @@ exports[`MessageComposer renders toolbar when focused 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10560,7 +10560,7 @@ exports[`MessageComposer renders toolbar when focused 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10663,7 +10663,7 @@ exports[`MessageComposer send message 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [
@ -10773,7 +10773,7 @@ exports[`MessageComposer send message 1`] = `
style={
Array [
Object {
"color": "#6C727A",
"color": "#2F343D",
"fontSize": 24,
},
Array [

2
app/containers/UIKit/UiKitMessage.stories.tsx
View File

@ -40,7 +40,7 @@ export default {
onReactionPress: () => {},
onDiscussionPress: () => {},
onReactionLongPress: () => {},
threadBadgeColor: themes.light.tunreadColor
threadBadgeColor: themes.light.fontInfo
}}
>
<Story />

2
app/containers/UIKit/UiKitModal.stories.tsx
View File

@ -42,7 +42,7 @@ export default {
onReactionPress: () => {},
onDiscussionPress: () => {},
onReactionLongPress: () => {},
threadBadgeColor: themes.light.tunreadColor
threadBadgeColor: themes.light.fontInfo
}}
>
<Story />

14
app/containers/UnreadBadge/getUnreadStyle.test.js
View File

@ -15,7 +15,7 @@ const testsForTheme = theme => {
unread: 1
})
).toEqual({
backgroundColor: themes[theme].unreadColor,
backgroundColor: themes[theme].fontAnnotation,
color: themes[theme].buttonText
});
});
@ -26,7 +26,7 @@ const testsForTheme = theme => {
tunread: [1]
})
).toEqual({
backgroundColor: themes[theme].tunreadColor,
backgroundColor: themes[theme].fontInfo,
color: themes[theme].buttonText
});
});
@ -38,7 +38,7 @@ const testsForTheme = theme => {
userMentions: 1
})
).toEqual({
backgroundColor: themes[theme].mentionMeColor,
backgroundColor: themes[theme].badgeBackgroundLevel4,
color: themes[theme].buttonText
});
});
@ -50,7 +50,7 @@ const testsForTheme = theme => {
groupMentions: 1
})
).toEqual({
backgroundColor: themes[theme].mentionGroupColor,
backgroundColor: themes[theme].badgeBackgroundLevel3,
color: themes[theme].buttonText
});
});
@ -64,7 +64,7 @@ const testsForTheme = theme => {
tunread: [1]
})
).toEqual({
backgroundColor: themes[theme].mentionMeColor,
backgroundColor: themes[theme].badgeBackgroundLevel4,
color: themes[theme].buttonText
});
expect(
@ -74,7 +74,7 @@ const testsForTheme = theme => {
tunread: [1]
})
).toEqual({
backgroundColor: themes[theme].mentionGroupColor,
backgroundColor: themes[theme].badgeBackgroundLevel3,
color: themes[theme].buttonText
});
expect(
@ -83,7 +83,7 @@ const testsForTheme = theme => {
tunread: [1]
})
).toEqual({
backgroundColor: themes[theme].tunreadColor,
backgroundColor: themes[theme].fontInfo,
color: themes[theme].buttonText
});
});

8
app/containers/UnreadBadge/getUnreadStyle.ts
View File

@ -19,14 +19,14 @@ export const getUnreadStyle = ({
return {};
}
let backgroundColor = themes[theme].unreadColor;
let backgroundColor = themes[theme].fontAnnotation;
const color = themes[theme].buttonText;
if ((userMentions && userMentions > 0) || tunreadUser?.length) {
backgroundColor = themes[theme].mentionMeColor;
backgroundColor = themes[theme].badgeBackgroundLevel4;
} else if ((groupMentions && groupMentions > 0) || tunreadGroup?.length) {
backgroundColor = themes[theme].mentionGroupColor;
backgroundColor = themes[theme].badgeBackgroundLevel3;
} else if (tunread && tunread?.length > 0) {
backgroundColor = themes[theme].tunreadColor;
backgroundColor = themes[theme].fontInfo;
}
return {

6
app/containers/markdown/AtMention.tsx
View File

@ -24,7 +24,7 @@ const AtMention = React.memo(({ mention, mentions, username, navToRoomInfo, styl
style={[
styles.mention,
{
color: themes[theme].mentionGroupColor
color: themes[theme].badgeBackgroundLevel3
},
...style
]}
@ -38,11 +38,11 @@ const AtMention = React.memo(({ mention, mentions, username, navToRoomInfo, styl
let mentionStyle = {};
if (itsMe) {
mentionStyle = {
color: themes[theme].mentionMeColor
color: themes[theme].badgeBackgroundLevel4
};
} else {
mentionStyle = {
color: themes[theme].mentionOtherColor
color: themes[theme].badgeBackgroundLevel1
};
}

2
app/containers/markdown/Hashtag.tsx
View File

@ -54,7 +54,7 @@ const Hashtag = React.memo(({ hashtag, channels, navToRoomInfo, style = [] }: IH
style={[
styles.mention,
{
color: themes[theme].mentionOtherColor
color: themes[theme].badgeBackgroundLevel1
},
...style
]}

2
app/containers/message/Message.stories.tsx
View File

@ -56,7 +56,7 @@ export default {
onReactionPress: () => {},
onDiscussionPress: () => {},
onReactionLongPress: () => {},
threadBadgeColor: themes.light.tunreadColor
threadBadgeColor: themes.light.fontInfo
}}
>
<Story />

11
app/lib/constants/colors.ts
View File

@ -1,17 +1,11 @@
export const BACKGROUND_PUSH_COLOR = '#F5455C';
export const SWITCH_TRACK_COLOR = {
false: '#f5455c',
true: '#2de0a5'
};
const mentions = {
unreadColor: '#6C727A',
tunreadColor: '#1d74f5',
mentionMeColor: '#F5455C',
mentionGroupColor: '#F38C39',
mentionOtherColor: '#F3BE08'
};
// TODO: Remove this after the new colors are implemented
const newColors = {
@ -271,7 +265,6 @@ export const colors = {
statusBackgroundWarning: '#FFECAD',
overlayColor: '#1F2329CC',
taskBoxColor: '#9297a2',
...mentions,
...callButtons
},
dark: {
@ -342,7 +335,6 @@ export const colors = {
statusBackgroundWarning: '#FFECAD',
overlayColor: '#1F2329CC',
taskBoxColor: '#9297a2',
...mentions,
...callButtons
},
black: {
@ -413,7 +405,6 @@ export const colors = {
statusBackgroundWarning: '#FFECAD',
overlayColor: '#1F2329CC',
taskBoxColor: '#9297a2',
...mentions,
...callButtons
}
};

6
app/lib/methods/helpers/room.ts
View File

@ -49,13 +49,13 @@ export const getBadgeColor = ({
theme: TSupportedThemes;
}): string | undefined => {
if (subscription?.tunreadUser?.includes(messageId)) {
return themes[theme].mentionMeColor;
return themes[theme].badgeBackgroundLevel4;
}
if (subscription?.tunreadGroup?.includes(messageId)) {
return themes[theme].mentionGroupColor;
return themes[theme].badgeBackgroundLevel3;
}
if (subscription?.tunread?.includes(messageId)) {
return themes[theme].tunreadColor;
return themes[theme].fontInfo;
}
};

10
app/views/ThreadMessagesView/Item.stories.tsx
View File

@ -89,23 +89,23 @@ export const Content = () => (
export const Badge = () => (
<>
<BaseItem badgeColor={themes.light.mentionMeColor} />
<BaseItem badgeColor={themes.light.badgeBackgroundLevel4} />
<List.Separator />
<BaseItem badgeColor={themes.light.mentionGroupColor} />
<BaseItem badgeColor={themes.light.badgeBackgroundLevel3} />
<List.Separator />
<BaseItem badgeColor={themes.light.tunreadColor} />
<BaseItem badgeColor={themes.light.fontInfo} />
<BaseItem
item={{
msg: longText
}}
badgeColor={themes.light.tunreadColor}
badgeColor={themes.light.fontInfo}
/>
</>
);
const ThemeStory = ({ theme }: { theme: TSupportedThemes }) => (
<ThemeContext.Provider value={{ theme, colors: themes[theme] }}>
<BaseItem badgeColor={themes[theme].mentionMeColor} />
<BaseItem badgeColor={themes[theme].badgeBackgroundLevel4} />
</ThemeContext.Provider>
);