Skip to content
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.

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

Make bottom sheet height dynamical #9915

Merged
merged 1 commit into from
Feb 28, 2020
Merged

Conversation

Ferossgp
Copy link
Contributor

@Ferossgp Ferossgp commented Jan 24, 2020

To test max height one can add multiple accounts and see how it changes inside browser account select.
Fixes #9848

@Ferossgp Ferossgp requested a review from a team as a code owner January 24, 2020 16:37
@Ferossgp Ferossgp self-assigned this Jan 24, 2020
@status-github-bot
Copy link

Pull Request Checklist

  • Docs: Updated the documentation, if affected
  • Docs: Added or updated inline comments explaining intention of the code
  • Tests: Ensured that all new UI elements have been assigned accessibility IDs
  • Tests: Signaled need for E2E tests with label, if applicable
  • Tests: Briefly described what was tested and what platforms were used
  • UI: In case of UI changes, ensured that UI matches Figma
  • UI: In case of UI changes, requested review from a Core UI designer
  • UI: In case of UI changes, included screenshots of implementation

@status-im-auto
Copy link
Member

status-im-auto commented Jan 24, 2020

Jenkins Builds

Click to see older builds (38)
Commit #️⃣ Finished (UTC) Duration Platform Result
52e935a #1 2020-01-24 16:41:09 ~3 min android 📄log
52e935a #1 2020-01-24 16:41:29 ~3 min android-e2e 📄log
9da05ae #2 2020-01-24 16:47:27 ~2 min android-e2e 📄log
9da05ae #2 2020-01-24 16:47:36 ~3 min android 📄log
✔️ 9da05ae #2 2020-01-24 16:54:25 ~9 min ios 📦ipa 📲
✔️ 1b46873 #3 2020-01-24 18:02:42 ~9 min ios 📦ipa 📲
✔️ 1b46873 #3 2020-01-24 18:04:27 ~11 min android-e2e 📦apk 📲
✔️ 1b46873 #3 2020-01-24 18:06:12 ~13 min android 📦apk 📲
759c3d3 #4 2020-01-25 12:17:20 ~3 min android-e2e 📄log
759c3d3 #4 2020-01-25 12:17:35 ~3 min android 📄log
759c3d3 #4 2020-01-25 12:18:50 ~4 min ios 📄log
✔️ b799998 #5 2020-01-25 17:25:18 ~11 min ios 📦ipa 📲
✔️ b799998 #5 2020-01-25 17:26:25 ~12 min android 📦apk 📲
✔️ b799998 #5 2020-01-25 17:26:40 ~12 min android-e2e 📦apk 📲
6fd8586 #6 2020-01-26 16:46:45 ~9 min ios 📄log
6fd8586 #6 2020-01-26 16:48:44 ~11 min android 📄log
6fd8586 #6 2020-01-26 16:49:03 ~12 min android-e2e 📄log
✔️ dad4b73 #7 2020-01-27 11:27:35 ~10 min ios 📦ipa 📲
✔️ dad4b73 #7 2020-01-27 11:28:17 ~11 min android-e2e 📦apk 📲
✔️ dad4b73 #7 2020-01-27 11:29:52 ~13 min android 📦apk 📲
75b9529 #8 2020-01-27 15:21:15 ~9 min ios 📄log
75b9529 #8 2020-01-27 15:21:52 ~10 min android-e2e 📄log
75b9529 #8 2020-01-27 15:24:29 ~12 min android 📄log
✔️ ca991b9 #9 2020-01-28 08:53:14 ~11 min ios 📦ipa 📲
✔️ ca991b9 #9 2020-01-28 08:55:31 ~13 min android-e2e 📦apk 📲
✔️ ca991b9 #9 2020-01-28 08:55:33 ~13 min android 📦apk 📲
340b0b5 #10 2020-02-04 10:58:16 ~56 sec ios 📄log
340b0b5 #10 2020-02-04 10:59:00 ~1 min android 📄log
340b0b5 #10 2020-02-04 10:59:43 ~2 min android-e2e 📄log
✔️ 2741fd1 #11 2020-02-19 12:15:50 ~10 min ios 📦ipa 📲
✔️ 2741fd1 #11 2020-02-19 12:17:16 ~11 min android-e2e 📦apk 📲
✔️ 2741fd1 #11 2020-02-19 12:18:21 ~12 min android 📦apk 📲
✔️ 96f371f #12 2020-02-21 10:23:59 ~11 min ios 📦ipa 📲
✔️ 96f371f #12 2020-02-21 10:24:55 ~12 min android 📦apk 📲
✔️ 96f371f #12 2020-02-21 10:25:11 ~12 min android-e2e 📦apk 📲
5e91c2d #13 2020-02-27 09:07:16 ~9 min ios 📄log
5e91c2d #13 2020-02-27 09:09:30 ~12 min android-e2e 📄log
5e91c2d #13 2020-02-27 09:12:42 ~15 min android 📄log
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ c5e720d #14 2020-02-27 09:24:46 ~10 min ios 📦ipa 📲
✔️ c5e720d #14 2020-02-27 09:25:55 ~11 min android 📦apk 📲
✔️ c5e720d #14 2020-02-27 09:28:50 ~14 min android-e2e 📦apk 📲
✔️ 46b2bda #15 2020-02-27 12:12:24 ~11 min ios 📦ipa 📲
✔️ 46b2bda #15 2020-02-27 12:13:54 ~12 min android-e2e 📦apk 📲
✔️ 46b2bda #15 2020-02-27 12:17:41 ~16 min android 📦apk 📲

@Ferossgp Ferossgp force-pushed the make-bottom-sheet-dynamical branch 7 times, most recently from 75b9529 to ca991b9 Compare January 28, 2020 08:41
@Ferossgp Ferossgp requested a review from a team January 28, 2020 08:41
@flexsurfer
Copy link
Member

still wip?

@Ferossgp
Copy link
Contributor Author

@flexsurfer yes, there is one small bug with animation during pan responder. I'm thinking on how to fix it now.

@Ferossgp Ferossgp changed the title WIP Make bottom sheet dynamical Make bottom sheet dynamical Feb 19, 2020
@Ferossgp Ferossgp changed the title Make bottom sheet dynamical Make bottom sheet height dynamical Feb 19, 2020
@rasom
Copy link
Contributor

rasom commented Feb 27, 2020

@Ferossgp give me please 1h for review, do not merge it now

@Ferossgp Ferossgp force-pushed the make-bottom-sheet-dynamical branch 2 times, most recently from 5e91c2d to c5e720d Compare February 27, 2020 09:14
@rasom
Copy link
Contributor

rasom commented Feb 27, 2020

If I slowly slide bottom sheet down it suddenly disappears with no animation at all:

Copy link
Contributor

@rasom rasom left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

issue with animation on sliding sheet down should be fixed

@Ferossgp
Copy link
Contributor Author

Ferossgp commented Feb 27, 2020

@rasom this happens because the velocity is big enough to close, I could empirically increase it to 0.4, wdyt?
To be more precise this condition evals to true : https://github.com/status-im/status-react/pull/9915/files#diff-04c3dd84b9db26e4b7433a9e25932009R48

@rasom
Copy link
Contributor

rasom commented Feb 27, 2020

The only problem (or at least difference comparing to what we have in develop) I see now is that it is possible to drag sheet up so that it leaves screen

develop (that's max top position I could drag sheet up to):

current branch:

@status-im-auto
Copy link
Member

99% of end-end tests have passed

Total executed tests: 94
Failed tests: 1
Passed tests: 93

Failed tests (1)

Click to expand
1. test_message_marked_as_sent_in_1_1_chat

Device 1: Tap on SendMessageButton
Device 1: Looking for a message by text: 'test message'

Device 1: 'StatusText' is not found on the screen

Device sessions

Passed tests (93)

Click to expand
1. test_delete_public_chat_via_delete_button
Device sessions

2. test_request_public_key_status_test_daap
Device sessions

3. test_decline_invitation_to_group_chat
Device sessions

4. test_ens_username_recipient
Device sessions

5. test_delete_one_to_one_chat_via_delete_button
Device sessions

6. test_offline_status
Device sessions

7. test_open_transaction_on_etherscan
Device sessions

8. test_open_chat_by_pasting_public_key
Device sessions

9. test_back_forward_buttons_browsing_website
Device sessions

10. test_password_in_logcat_creating_account
Device sessions

11. test_can_use_purchased_stickers_on_recovered_account
Device sessions

12. test_modify_transaction_fee_values
Device sessions

13. test_insufficient_funds_wallet_positive_balance
Device sessions

14. test_mobile_data_usage_settings
Device sessions

15. test_delete_group_chat_via_delete_button
Device sessions

16. test_open_google_com_via_open_dapp
Device sessions

17. test_logcat_backup_recovery_phrase
Device sessions

18. test_unread_messages_counter_public_chat
Device sessions

19. test_send_two_transactions_one_after_another_in_dapp
Device sessions

20. test_user_can_switch_network
Device sessions

21. test_public_chat_clear_history
Device sessions

22. test_wallet_set_up
Device sessions

23. test_timestamp_in_chats
Device sessions

24. test_group_chat_system_messages
Device sessions

25. test_fetch_more_history_in_empty_chat
Device sessions

26. test_mobile_data_usage_popup_continue_syncing
Device sessions

27. test_add_to_contacts
Device sessions

28. test_dapps_permissions
Device sessions

29. test_long_press_delete_clear_all_dapps
Device sessions

30. test_need_help_section
Device sessions

31. test_transaction_wrong_password_wallet
Device sessions

32. test_offline_messaging_1_1_chat
Device sessions

33. test_token_with_more_than_allowed_decimals
Device sessions

34. test_text_message_1_1_chat
Device sessions

35. test_install_pack_and_send_sticker
Device sessions

36. test_make_admin_member_of_group_chat
Device sessions

37. test_add_account_to_multiaccount_instance
Device sessions

38. test_send_emoji
Device sessions

39. test_copy_and_paste_messages
Device sessions

40. test_clear_history_of_group_chat_via_group_view
Device sessions

41. test_send_eth_from_wallet_to_address
Device sessions

42. test_messaging_in_different_networks
Device sessions

43. test_start_chat_with_ens
Device sessions

44. test_logcat_recovering_account
Device sessions

45. test_user_can_complete_tx_to_dapp_when_onboarding_via_dapp_completed
Device sessions

46. test_connection_is_secure
Device sessions

47. test_user_can_see_all_own_assets_after_account_recovering
Device sessions

48. test_add_new_group_chat_member
Device sessions

49. test_pair_devices_sync_one_to_one_contacts
Device sessions

50. test_add_and_remove_contact_from_public_chat
Device sessions

51. test_send_transaction_from_daap
Device sessions

52. test_onboarding_screen_when_requesting_tokens_for_recovered_account
Device sessions

53. test_long_press_to_delete_1_1_chat
Device sessions

54. test_add_and_delete_watch_only_account_to_multiaccount_instance
Device sessions

55. test_open_blocked_site
Device sessions

56. test_refresh_button_browsing_app_webview
Device sessions

57. test_public_chat_messaging
Device sessions

58. test_pass_phrase_validation
Device sessions

59. test_send_token_with_7_decimals
Device sessions

60. test_sign_message_from_daap
Device sessions

61. test_send_message_in_group_chat
Device sessions

62. test_deploy_contract_from_daap
Device sessions

63. test_recover_account_from_new_user_seedphrase
Device sessions

64. test_add_custom_token
Device sessions

65. test_send_and_open_links
Device sessions

66. test_manage_assets
Device sessions

67. test_share_contact_code_and_wallet_address
Device sessions

68. test_redirect_to_public_chat_tapping_tag_message
Device sessions

69. test_block_user_from_public_chat
Device sessions

70. test_ens_in_public_and_1_1_chats
Device sessions

71. test_sign_typed_message
Device sessions

72. test_create_new_group_chat
Device sessions

73. test_password_in_logcat_sign_in
Device sessions

74. test_account_recovery_with_uppercase_recovery_phrase
Device sessions

75. test_send_message_to_newly_added_contact
Device sessions

76. test_logcat_sign_message_from_daap
Device sessions

77. test_mobile_data_usage_popup_stop_syncing
Device sessions

78. test_collectible_from_wallet_opens_in_browser_view
Device sessions

79. test_logcat_send_transaction_from_daap
Device sessions

80. test_contact_profile_view
Device sessions

81. test_switch_users_and_add_new_account
Device sessions

82. test_logcat_send_transaction_from_wallet
Device sessions

83. test_send_two_transactions_in_batch_in_dapp
Device sessions

84. test_filters_from_daap
Device sessions

85. test_send_stt_from_wallet
Device sessions

86. test_login_with_new_account
Device sessions

87. test_home_view
Device sessions

88. test_log_level_and_fleet
Device sessions

89. test_can_add_existing_ens
Device sessions

90. test_copy_contact_code_and_wallet_address
Device sessions

91. test_long_press_to_delete_public_chat
Device sessions

92. test_fetching_balance_after_offline
Device sessions

93. test_can_see_all_transactions_in_history
Device sessions

@churik churik self-assigned this Feb 27, 2020
@churik
Copy link
Member

churik commented Feb 27, 2020

Tested on IPhone 7(IOS 13) and Xiaomi Mi Note 9 (Android 10)

Agreed with #9915 (comment), don't think that's the blocker.

Tested with 11 accounts in mutiaccounts, 7 names in ENS names and with options in chat / browser.

@churik churik closed this Feb 27, 2020
@churik churik reopened this Feb 27, 2020
@errorists
Copy link
Contributor

Agree, I don't think the overdrag issue is that big of a deal

Fixes #9848

Update initial content height

Review followup

Fix sheet disappear during drag

Signed-off-by: Gheorghe Pinzaru <feross95@gmail.com>
@Ferossgp Ferossgp merged commit 3ad9cfa into develop Feb 28, 2020
@delete-merged-branch delete-merged-branch bot deleted the make-bottom-sheet-dynamical branch February 28, 2020 07:47
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
No open projects
Archived in project
Development

Successfully merging this pull request may close these issues.

Wrap bottom sheet component around the total height of its nested elements
7 participants