mattermost-mobile/app/components
Ashish Bhate 1914b770e5
[MM-28845]: Add storybook to mobile repo (#4870)
*Summary*
- This PR adds storybook into the mobile repo, and adds a sample story for the existing "loading" component.
- In the root of the repo run `npm run storybook`. This step automatically scans and loads all stories. A new browser tab will open with the storybook interface. You can configure the storybook host url by updating the .env file in the root of the repo. This might be required if you're using a real device. When running in an emulator, the code tries to use the default network values.
- Then run the usual `npm run android` (or `npm run ios`) and `npm run start` commands
- Storybook has been integrated into the react-native-dev-menu. When the app is running in the emulator press CTRL+M or CMD+M to open the dev menu and select "Storybook". If running on a real device, shaking the device will bring up the react-native dev menu. You can also press d in the terminal where you ran npm run start to get the app running.
- The storybook interface will open in the mobile app. The stories can be controlled either through the desktop browser storybook UI or the mobile browser storybook UI. Both will render the component on the device.

*Ticket Link*
https://mattermost.atlassian.net/browse/MM-28845

*Device Information*
This PR was tested on:
Iphone 11 emulator running ios 13.7
Pixel 3XL emulator running Android 10
2020-11-02 15:41:07 +05:30
..
__mocks__ [MM-9454] Added fade to send button (#2677) 2019-04-29 07:54:00 -07:00
__snapshots__ reintroduce @testing-library/react-native now with v7 (#4766) 2020-09-15 09:24:54 -07:00
announcement_banner Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
at_mention [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
attachment_button Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
autocomplete [MM-22366] Make user autocomplete also match on spaces (#4880) 2020-10-19 10:15:18 -03:00
autocomplete_selector [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
channel_intro [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
channel_link MM-15758 Update dependencies including Fastlane (#4272) 2020-05-18 11:24:47 -07:00
channel_loader MM-26817 Upgrade to RN 0.63 (#4566) 2020-07-20 18:08:11 -04:00
client_upgrade_listener [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
combined_system_message [MM-23520] Port mattermost-redux (#4088) 2020-03-31 11:09:26 -07:00
combined_user_activity_post [MM-23520] Port mattermost-redux (#4088) 2020-03-31 11:09:26 -07:00
compass_icon [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
custom_list MM-28539 Fix wrong participant count in GM info (#4887) 2020-10-19 10:13:30 -03:00
edit_channel_info MM-T3201 create public channel e2e test (#4867) 2020-10-15 10:13:41 -07:00
emoji MM-26817 Upgrade to RN 0.63 (#4566) 2020-07-20 18:08:11 -04:00
emoji_picker Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
error_list [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
error_text E2E: Initial Detox setup for Mobile UI automation (#4535) 2020-08-29 07:18:41 +08:00
failed_network_action [MM-25349] centre failed network action component and improve responsiveness to device orientation (#4834) 2020-10-26 13:32:14 +05:30
file_attachment_list [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
interactive_dialog_controller Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
layout/keyboard_layout MM-28539 Fix wrong participant count in GM info (#4887) 2020-10-19 10:13:30 -03:00
load_more_posts MM-19993 Fix Channel spinner is black on dark theme (#3558) 2019-11-18 22:04:52 +08:00
markdown [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
message_attachments [MM-29225] Linking fix (#4860) 2020-10-02 10:01:44 -07:00
network_indicator Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
pasteable_text_input Emit PASTE_FILES event only from last subscribed input (#4872) 2020-10-05 13:09:31 -07:00
post [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
post_add_channel_member [MM-23520] Port mattermost-redux (#4088) 2020-03-31 11:09:26 -07:00
post_attachment_image Upgrade Dependencies (#4034) 2020-03-18 19:05:49 -03:00
post_attachment_opengraph MM-15719 Use metadata only to render post additional content (#4386) 2020-06-29 11:28:07 -04:00
post_body MM-29252 Tapping on invalid permalink shows an error (#4926) 2020-10-28 11:54:47 -03:00
post_body_additional_content MM-27711 Play YouTube video using expanded link (#4666) 2020-08-13 11:22:37 -07:00
post_draft MM-29948 Display error msg when pasting files and uploads are disabled (#4927) 2020-10-28 12:06:09 -03:00
post_header Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
post_list MM-29252 Tapping on invalid permalink shows an error (#4926) 2020-10-28 11:54:47 -03:00
post_profile_picture [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
profile_picture [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
progressive_image MM-23090 MM-26078 && MM-26876 Refactor post draft component (#4621) 2020-08-06 19:39:25 -04:00
radio_button MM-29869 Replace radio button Material with Compass icons (#4928) 2020-10-29 07:38:31 -03:00
reaction_picker MM-28105 do not crash when in-app notification shows (#4915) 2020-10-22 14:34:49 -03:00
reactions Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
refresh_list add eslint-plugin-header, and --fix all (#1726) 2018-06-19 19:14:50 -04:00
retry_bar_indicator [MM-23761] [MM-25766] Add "More Messages" button (#4526) 2020-07-09 13:30:30 -07:00
root MM-25350 Hide 'Select Team' title on modal when error occurs (#4412) 2020-06-17 20:55:18 -04:00
safe_area_view MM-26817 Upgrade to RN 0.63 (#4566) 2020-07-20 18:08:11 -04:00
search_bar [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
show_more_button Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
sidebars MM-28688 Close sidebar when current channel is selected (#4897) 2020-10-19 20:32:34 -07:00
slide_up_panel MM-28539 Fix wrong participant count in GM info (#4887) 2020-10-19 10:13:30 -03:00
start [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
status_bar [MM-23520] Port mattermost-redux (#4088) 2020-03-31 11:09:26 -07:00
team_icon Fix LHS team icon on team switch (#4534) 2020-07-07 11:38:01 -04:00
touchable_with_feedback MM-18236 Prevent the post menu from triggering when using the back gesture (#3319) 2019-09-26 00:19:49 +03:00
user_status Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
widgets/settings Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
app_version.tsx Build Improvements (#4884) 2020-10-15 22:09:36 -03:00
badge.js [MM-22948] - Improve unread badge UI on the hamburger menu and team icons (#4635) 2020-08-17 12:46:49 -04:00
badge.test.js Deps update (#3806) 2020-01-20 13:20:03 -03:00
channel_icon.js MM-28539 Fix wrong participant count in GM info (#4887) 2020-10-19 10:13:30 -03:00
conditional_touchable.js add eslint-plugin-header, and --fix all (#1726) 2018-06-19 19:14:50 -04:00
deleted_post.js [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
fade.js Deps update (#3806) 2020-01-20 13:20:03 -03:00
fade.test.js Deps update (#3806) 2020-01-20 13:20:03 -03:00
formatted_date.js Migrate to moment to fix timestamps based on timezone or local time (#3126) 2019-08-15 12:32:16 -04:00
formatted_markdown_text.js Port WebSocket from mm-redux and batch actions (#4060) 2020-03-26 21:23:50 -03:00
formatted_text.js E2E: Initial Detox setup for Mobile UI automation (#4535) 2020-08-29 07:18:41 +08:00
formatted_time.js MM-21961 Fix Incorrect Timestamp on Android Mobile App (#3861) 2020-01-27 12:57:22 -07:00
formatted_time.test.js reintroduce @testing-library/react-native now with v7 (#4766) 2020-09-15 09:24:54 -07:00
image_viewport.js MM-24285 Use FastImage instead of Image (#4218) 2020-04-28 23:23:39 +08:00
loading.js add eslint-plugin-header, and --fix all (#1726) 2018-06-19 19:14:50 -04:00
loading.stories.tsx [MM-28845]: Add storybook to mobile repo (#4870) 2020-11-02 15:41:07 +05:30
no_results.js [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
post_list_retry.js [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
post_separator.js add eslint-plugin-header, and --fix all (#1726) 2018-06-19 19:14:50 -04:00
profile_picture_button.js [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00
profile_picture_button.test.js reintroduce @testing-library/react-native now with v7 (#4766) 2020-09-15 09:24:54 -07:00
recent_date.js MM-18466 Change recent date separators to yesterday/today (#3245) 2019-09-14 07:02:51 -03:00
recent_date.test.js MM-18466 Change recent date separators to yesterday/today (#3245) 2019-09-14 07:02:51 -03:00
remove_markdown.js MM-28602 Fix announcement banner crash if it includes a hashtag (#4808) 2020-09-15 10:03:40 -03:00
swiper.js MM-28688 Close sidebar when current channel is selected (#4897) 2020-10-19 20:32:34 -07:00
swiper.test.js Update total to reflect number of children (#3367) 2019-10-04 15:06:22 -07:00
tag.js MM-18603 Fix post header to prevent overlaps (#3332) 2019-09-27 17:16:36 -04:00
text_input_with_localized_placeholder.js [MM-16593] Upgrade to RN 0.61.2 (#3455) 2019-10-28 15:04:24 -07:00
vector_icon.js MM-23570 Migrate from Segment to Rudder (#4293) 2020-05-13 16:54:07 -04:00
video_controls.js [MM-22959] Use Compass icons (#4847) 2020-10-15 15:34:24 -07:00