Skip to content

[IMPROVE] Redesign emoji picker #4328

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
diegolmello merged 97 commits into from
Oct 21, 2022
Merged

[IMPROVE] Redesign emoji picker #4328

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
97 commits
Select commit Hold shift + click to select a range
e4e9774
Migrate EmojiPicker to hooks
try-catch-stack Jun 23, 2022
72205e2
Add backspace button and same number of columns as category tabs
try-catch-stack Jun 24, 2022
0ca529c
Add searchbar for Emojis
try-catch-stack Jun 27, 2022
d44cba1
Fix keyboard dismiss on emoji press
try-catch-stack Jun 27, 2022
39ca0af
Remove redundant code
try-catch-stack Jun 28, 2022
b5b5722
Add ListEmptyComponent
try-catch-stack Jun 28, 2022
6a3bcc8
Remove EmojiPicker footer from Reaction Picker
try-catch-stack Jun 28, 2022
0a45aed
Close EmojiSearchbar on message input focus
try-catch-stack Jun 29, 2022
cba4752
New reaction picker as bottom action sheet
try-catch-stack Jul 14, 2022
c16c65b
Fix reaction picker not opening
try-catch-stack Jul 14, 2022
58703e7
Fix emoji search return type
try-catch-stack Jun 30, 2022
2c91b53
Fix searchbar height in reaction picker
try-catch-stack Jun 30, 2022
4d62f64
useMemo performance optamizations and other requested changes
try-catch-stack Jul 14, 2022
4333726
Update tabBar icons
try-catch-stack Jul 14, 2022
e156234
Remove wrong use of memo and some requested changes
try-catch-stack Jul 20, 2022
9733302
Fix hardware backpress behavior and remove redundant code
try-catch-stack Jul 24, 2022
185ecaf
Fix FlatList not working properly in ActionSheet
try-catch-stack Jul 25, 2022
b722a6f
Tweaks and optimization
try-catch-stack Jul 29, 2022
a51b473
Fix blank keyboard on switching back from emoji keyboard
try-catch-stack Jul 30, 2022
5524d1b
Add prop enableContentPanningGesture to action sheet
try-catch-stack Jul 30, 2022
f518044
Tweaks
try-catch-stack Aug 20, 2022
6bbf783
Add detox tests
try-catch-stack Aug 24, 2022
26e83d6
Refactoring and style fixes
try-catch-stack Aug 25, 2022
13a2bb8
Tweaks
try-catch-stack Sep 1, 2022
9007432
EmojiSize to 32 on emojiSearchbar
try-catch-stack Sep 1, 2022
94c0598
Make IEmoji generic
try-catch-stack Sep 1, 2022
15e3a15
emojiSearchbarRef type
try-catch-stack Sep 1, 2022
179a2ed
Merge branch 'develop' into new.emoji-picker
diegolmello Oct 6, 2022
693277d
Simplify emoji size logic
diegolmello Oct 6, 2022
2977f85
Properly center emoji inside the button
diegolmello Oct 6, 2022
7fe1008
Remove tabsCount logic
diegolmello Oct 6, 2022
8d035ee
Remove unnecessary props and some prop drilling :eyes:
diegolmello Oct 6, 2022
fbdac59
Remove baseUrl prop drill
diegolmello Oct 6, 2022
029c6a6
Bring tabLabel back to satisfy the lib
diegolmello Oct 7, 2022
24dd939
Batch updates on custom hook
diegolmello Oct 7, 2022
872aa89
Remove reactivity to bring consistency
diegolmello Oct 7, 2022
071e4fb
use dimensions from RN
diegolmello Oct 7, 2022
d5793dd
Create data folder
diegolmello Oct 7, 2022
2267046
remove equality check
diegolmello Oct 7, 2022
1b48b71
Inconsistent styling
diegolmello Oct 7, 2022
7e32b5b
Remove tabEmojiStyle
diegolmello Oct 7, 2022
ab51bb2
Remove tabLabel for searching
diegolmello Oct 7, 2022
863e2b2
Properly separate EmojiSearchbar components
diegolmello Oct 7, 2022
5bc27ae
renderItem func
diegolmello Oct 7, 2022
fb584cd
Move concat to hook
diegolmello Oct 7, 2022
32f362e
Move frequently used to parent component
diegolmello Oct 7, 2022
f8532c8
try catch add freq used
diegolmello Oct 7, 2022
4c4b573
Colocate styles
diegolmello Oct 7, 2022
36df31f
Fixing EmojiSearchbar styles
diegolmello Oct 7, 2022
ba036d0
Refactor and rename styles
diegolmello Oct 10, 2022
6e0ae84
Remove folder
diegolmello Oct 10, 2022
41d5686
Disable autocomplete
diegolmello Oct 10, 2022
a0676f0
border width and colors
diegolmello Oct 10, 2022
30520b1
Fix searchbar focus
diegolmello Oct 10, 2022
a7c20ac
Add server back to avatar and update snapshots
diegolmello Oct 10, 2022
d967ddf
Merge branch 'develop' into new.emoji-picker
diegolmello Oct 10, 2022
b86a598
Unify EmojiSearch
diegolmello Oct 10, 2022
d83eedb
Create searchEmojis
diegolmello Oct 10, 2022
2f208ae
Use onKeyboardItemSelected instead of creating another onEmojiSelected
diegolmello Oct 10, 2022
05944cc
Remove unused props from ReactionPicker
diegolmello Oct 11, 2022
0932cbf
Fix keyboard on iOS
diegolmello Oct 11, 2022
fbf82de
stash getEmojiText
diegolmello Oct 11, 2022
8bf95a5
Unifying some logic
diegolmello Oct 14, 2022
10afd5f
Fix default emojis concat
diegolmello Oct 14, 2022
6676e2f
Remove type assertion from searchEmojis
diegolmello Oct 14, 2022
4d86742
Fix some events
diegolmello Oct 14, 2022
6dcab63
Remove getEmojiText
diegolmello Oct 14, 2022
e7675e8
Merge branch 'develop' into new.emoji-picker
diegolmello Oct 14, 2022
f3a021e
Fix dark theme on emoji picker
diegolmello Oct 17, 2022
495cae6
Fix some colors for dark themes
diegolmello Oct 17, 2022
fcb22d0
Fix focus searchbar on Android
diegolmello Oct 18, 2022
7871528
Fixes bottom sheet keyboard issues on Android
diegolmello Oct 18, 2022
e0ce95e
Remove the need for ref
diegolmello Oct 18, 2022
b09dd53
Close emoji keyboard before opening reaction picker
diegolmello Oct 18, 2022
5c491ea
log events
diegolmello Oct 18, 2022
f0f4ac9
Cleanup
diegolmello Oct 18, 2022
bca533b
Undo Avatar changes
diegolmello Oct 18, 2022
2fbda48
Fix an issue that Storyshots wouldn't create snapshots correctly
diegolmello Oct 18, 2022
f4b3d8a
cleanup
diegolmello Oct 18, 2022
adf9474
undo
diegolmello Oct 18, 2022
1bf9e76
clarify comment
diegolmello Oct 19, 2022
e167495
Colocate some methods
diegolmello Oct 19, 2022
6fa7e49
Fix filter on freq used hook
diegolmello Oct 19, 2022
6a174a8
fix 02-room tests
diegolmello Oct 20, 2022
66cd122
Add some emoji tests
diegolmello Oct 20, 2022
4ea1051
Undo recent changes that caused regressions on tests
diegolmello Oct 20, 2022
566a25a
lint
diegolmello Oct 20, 2022
707b133
Fix flakiness on profile
diegolmello Oct 20, 2022
98a8176
Unify some styles
diegolmello Oct 20, 2022
c0397a8
Add missing ptbr
diegolmello Oct 20, 2022
532fb3c
Fix and use TGetCustomEmoji
diegolmello Oct 20, 2022
08f85c4
Fix some types
diegolmello Oct 20, 2022
1aa11e8
export action sheet animation duration as const
diegolmello Oct 20, 2022
be81f69
Use colors instead of theme
diegolmello Oct 21, 2022
4031dc4
renderItem param
diegolmello Oct 21, 2022
d58c0c3
Return null when category is empty
diegolmello Oct 21, 2022
aebce52
Merge branch 'develop' into new.emoji-picker
diegolmello Oct 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 7 additions & 1 deletion .storybook/preview.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,13 @@ import { Provider } from 'react-redux';

import { themes } from '../app/lib/constants';
import MessageContext from '../app/containers/message/Context';
import { selectServerRequest } from '../app/actions/server';
import { mockedStore as store } from '../app/reducers/mockedStore';
import { setUser } from '../app/actions/login';

const baseUrl = 'https://open.rocket.chat';
store.dispatch(selectServerRequest(baseUrl));
store.dispatch(setUser({ id: 'abc', username: 'rocket.cat', name: 'Rocket Cat' }));

export const decorators = [
Story => (
Expand All @@ -15,7 +21,7 @@ export const decorators = [
username: 'diego.mello',
token: 'abc'
},
baseUrl: 'https://open.rocket.chat',
baseUrl,
onPress: () => {},
onLongPress: () => {},
reactionInit: () => {},
Expand Down
6 changes: 3 additions & 3 deletions __tests__/containers/Chip/__snapshots__/Chip.stories.storyshot
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
// 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\\":2,\\"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\\":[\\"Rocket.Cat\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#6C727A\\"},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\\":2,\\"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\\"},null,{\\"fontFamily\\":\\"custom\\",\\"fontWeight\\":\\"normal\\",\\"fontStyle\\":\\"normal\\"},{}]},\\"children\\":[\\"\\"]}]}]}]}"`;
Comment thread
diegolmello marked this conversation as resolved.

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\\":2,\\"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\\":[\\"Short\\"]}]},{\\"type\\":\\"Text\\",\\"props\\":{\\"selectable\\":false,\\"allowFontScaling\\":false,\\"style\\":[{\\"fontSize\\":16,\\"color\\":\\"#6C727A\\"},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\\":2,\\"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\\"},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\\":2,\\"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\\"},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\\":2,\\"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\\"]}]}]}]}]}"`;

exports[`Storyshots Chip Chip Without 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\\":2,\\"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 Icon\\"]}]}]}]}]}"`;
exports[`Storyshots Chip Chip Without 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\\":2,\\"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\\":[\\"Without Icon\\"]}]}]}]}]}"`;
4 changes: 2 additions & 2 deletions __tests__/containers/ReactionsList/__snapshots__/ReactionsList.stories.storyshot
View file
Open in desktop

Large diffs are not rendered by default.

20 changes: 10 additions & 10 deletions __tests__/containers/RoomItem/__snapshots__/RoomItem.stories.storyshot
View file
Open in desktop

Large diffs are not rendered by default.

Loading