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

[#13517] UI Component - Message Input #13620

Merged
merged 1 commit into from
Sep 6, 2022
Merged

Conversation

flexsurfer
Copy link
Member

@flexsurfer flexsurfer commented Jul 4, 2022

fixes #13517

QA: check if old message input works fine

@flexsurfer flexsurfer self-assigned this Jul 4, 2022
@status-im-auto
Copy link
Member

status-im-auto commented Jul 4, 2022

Jenkins Builds

Click to see older builds (60)
Commit #️⃣ Finished (UTC) Duration Platform Result
9880d5d #1 2022-07-04 09:36:36 ~8 min android-e2e 📄log
9880d5d #1 2022-07-04 09:37:43 ~10 min android 📄log
9880d5d #1 2022-07-04 09:42:01 ~14 min ios 📄log
bd0f62e #2 2022-07-21 13:04:46 ~23 sec android-e2e 📄log
bd0f62e #2 2022-07-21 13:04:48 ~23 sec ios 📄log
bd0f62e #2 2022-07-21 13:04:56 ~31 sec android 📄log
8584306 #3 2022-07-28 09:12:22 ~10 min android-e2e 📄log
8584306 #3 2022-07-28 09:12:54 ~11 min android 📄log
8584306 #3 2022-07-28 09:14:44 ~13 min ios 📄log
ffc4798 #4 2022-08-03 08:06:21 ~9 min android-e2e 📄log
ffc4798 #4 2022-08-03 08:06:32 ~9 min android 📄log
ffc4798 #4 2022-08-03 08:08:53 ~11 min ios 📄log
c0f96ea #5 2022-08-12 10:42:37 ~7 min android-e2e 📄log
c0f96ea #5 2022-08-12 10:46:25 ~11 min android 📄log
c0f96ea #5 2022-08-12 10:49:41 ~14 min ios 📄log
✖️ 028ea90 #6 2022-08-12 11:03:40 ~9 min android-e2e 📦apk 📲
✖️ 028ea90 #6 2022-08-12 11:04:56 ~10 min ios 📦ipa 📲
✖️ 028ea90 #6 2022-08-12 11:08:32 ~14 min android 📦apk 📲
✖️ b04a0c3 #7 2022-08-12 11:21:39 ~7 min android-e2e 📦apk 📲
✖️ b04a0c3 #7 2022-08-12 11:21:57 ~7 min android 📦apk 📲
✖️ b04a0c3 #7 2022-08-12 11:27:03 ~12 min ios 📦ipa 📲
✖️ 97142ca #8 2022-08-12 11:41:06 ~7 min android-e2e 📦apk 📲
✖️ 97142ca #8 2022-08-12 11:41:09 ~7 min android 📦apk 📲
✖️ 97142ca #8 2022-08-12 11:46:26 ~12 min ios 📦ipa 📲
✖️ b5303c1 #9 2022-08-12 12:34:36 ~8 min android 📦apk 📲
✖️ b5303c1 #9 2022-08-12 12:36:03 ~9 min android-e2e 📦apk 📲
✖️ b5303c1 #9 2022-08-12 12:38:53 ~12 min ios 📦ipa 📲
✖️ 834c4c6 #10 2022-08-12 12:47:56 ~7 min android-e2e 📦apk 📲
✖️ 834c4c6 #10 2022-08-12 12:48:22 ~7 min android 📦apk 📲
✖️ 834c4c6 #10 2022-08-12 12:53:38 ~12 min ios 📦ipa 📲
✖️ 486b26b #11 2022-08-12 13:02:59 ~7 min android-e2e 📦apk 📲
✖️ 486b26b #11 2022-08-12 13:03:13 ~7 min android 📦apk 📲
✖️ 486b26b #11 2022-08-12 13:07:45 ~11 min ios 📦ipa 📲
✖️ cd2dedd #12 2022-08-12 13:25:03 ~8 min android-e2e 📦apk 📲
✖️ cd2dedd #12 2022-08-12 13:27:28 ~10 min ios 📦ipa 📲
✖️ cd2dedd #13 2022-08-12 13:54:28 ~7 min android 📦apk 📲
✖️ d490248 #13 2022-08-12 14:14:25 ~8 min android-e2e 📦apk 📲
✖️ d490248 #13 2022-08-12 14:17:27 ~11 min ios 📦ipa 📲
✖️ d490248 #15 2022-08-12 14:23:55 ~7 min android 📦apk 📲
✖️ c442cea #15 2022-08-15 06:38:02 ~7 min android-e2e 📦apk 📲
✖️ c442cea #17 2022-08-15 06:38:13 ~7 min android 📦apk 📲
✖️ c442cea #15 2022-08-15 06:41:06 ~10 min ios 📦ipa 📲
✖️ 80d2636 #16 2022-08-15 08:56:08 ~7 min android-e2e 📦apk 📲
✖️ 80d2636 #18 2022-08-15 08:56:31 ~8 min android 📦apk 📲
✖️ 80d2636 #16 2022-08-15 09:03:04 ~14 min ios 📦ipa 📲
✖️ 5196d22 #17 2022-08-15 09:11:30 ~7 min android-e2e 📦apk 📲
✖️ 5196d22 #19 2022-08-15 09:11:54 ~7 min android 📦apk 📲
✖️ 5196d22 #17 2022-08-15 09:16:48 ~12 min ios 📦ipa 📲
✖️ a377ad5 #18 2022-08-15 12:14:24 ~7 min android-e2e 📦apk 📲
✖️ a377ad5 #20 2022-08-15 12:14:29 ~7 min android 📦apk 📲
✖️ a377ad5 #18 2022-08-15 12:20:22 ~13 min ios 📦ipa 📲
a377ad5 #19 2022-08-19 11:34:21 ~10 min ios 📄log
a377ad5 #20 2022-08-19 12:02:41 ~11 min ios 📄log
✖️ 3197167 #19 2022-08-22 14:54:13 ~8 min android-e2e 📦apk 📲
✖️ 3197167 #21 2022-08-22 14:54:21 ~8 min android 📦apk 📲
✖️ 3197167 #21 2022-08-22 15:06:21 ~20 min ios 📦ipa 📲
✔️ a0d3f0d #1 2022-09-02 13:33:36 ~2 min tests 📦log
✔️ a0d3f0d #2 2022-09-02 13:40:08 ~9 min android-e2e 📦apk 📲
✔️ a0d3f0d #2 2022-09-02 13:40:08 ~9 min android 📦apk 📲
✔️ a0d3f0d #2 2022-09-02 13:44:43 ~13 min ios 📦ipa 📲
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ efc8548 #2 2022-09-05 12:28:30 ~3 min tests 📦log
✔️ efc8548 #3 2022-09-05 12:34:31 ~9 min android-e2e 📦apk 📲
✔️ efc8548 #3 2022-09-05 12:35:55 ~10 min android 📦apk 📲
✔️ efc8548 #3 2022-09-05 12:43:49 ~18 min ios 📦ipa 📲
✔️ c7049dd #4 2022-09-06 09:34:27 ~15 min ios 📦ipa 📲

@flexsurfer flexsurfer force-pushed the feature/message-input branch 2 times, most recently from 8584306 to ffc4798 Compare August 3, 2022 07:56
@flexsurfer flexsurfer force-pushed the feature/message-input branch 2 times, most recently from 6465278 to c442cea Compare August 15, 2022 06:30
@flexsurfer flexsurfer changed the title [WIP] [#13517] UI Component - Message Input [#13517] UI Component - Message Input Sep 2, 2022
Copy link
Member

@Parveshdhull Parveshdhull left a comment

Choose a reason for hiding this comment

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

Hi @flexsurfer, Great Work. PR looks good to me.
Leaving a few small questions and comments.

@@ -19,7 +20,12 @@
[quo.components.list.item :as list-item]
[status-im.ui.screens.chat.photos :as photos]
[reagent.core :as reagent]
[clojure.string :as string]))
[clojure.string :as string]
[quo2.components.button :as quo2]
Copy link
Member

Choose a reason for hiding this comment

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

if we import another quo2 component then we have to use it as quo2.text etc. So, should we use quo2.button here, for naming consistency?

Comment on lines 145 to 148
(defn show-send [{:keys [actions-ref send-ref sticker-ref]}]
(quo.react/set-native-props actions-ref #js {:width 0 :left -88})
(quo.react/set-native-props send-ref #js {:width nil :right nil})
(quo.react/set-native-props sticker-ref #js {:width 0 :right -100}))
;(quo.react/set-native-props actions-ref #js {:width 0 :left -88})
(quo.react/set-native-props send-ref #js {:width nil :right nil}))
;(quo.react/set-native-props sticker-ref #js {:width 0 :right -100}))
Copy link
Member

Choose a reason for hiding this comment

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

wouldn't these changes will affect old ui? or these are just temporary only for testing

Copy link
Member Author

Choose a reason for hiding this comment

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

good catch, thanks

:state :min ;:min, :custom-chat-available, :custom-chat-unavailable, :max
:clear false})
keyboard-was-shown (atom false)]
(fn []
Copy link
Member

Choose a reason for hiding this comment

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

redundant fn?

Copy link
Member Author

Choose a reason for hiding this comment

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

hm good question, i would say no, but I'm not sure :)

Comment on lines +56 to +58
(merge quo2.typography/font-regular
quo2.typography/paragraph-1
{:flex 1
Copy link
Member

Choose a reason for hiding this comment

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

should we use quo2.text instead? It will create same results now, but quo2.text will evolve to fix letter-spacing and line-height issue, which might not be covered by just using these params.

Comment on lines 133 to 137
:chat.ui/clear-inputs
(fn []
(reset! input-texts {})
(reset! mentions-enabled {})
(reset! chat-input-key 1)))
Copy link
Member

Choose a reason for hiding this comment

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

its weird, lint is failing locally. But tests are showing as passed in pr. And on opening details, it is showing result of first build, not current one.
image

Copy link
Member

Choose a reason for hiding this comment

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

wow, now as I approved the PR, it also giving me option to merge.
image

Maybe @jakubgs , can give it a look

Copy link
Member

Choose a reason for hiding this comment

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

Good point. That's because we pipe output into tee, but we don't use pipefail option. I'll fix it tomorrow.

Copy link
Member

Choose a reason for hiding this comment

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

@status-im-auto
Copy link
Member

100% of end-end tests have passed

Total executed tests: 87
Failed tests: 0
Passed tests: 87

Passed tests (87)

Click to expand

Class TestWalletManagementDeviceMerged:

1. test_wallet_add_account_generate_new, id: 700759
Device sessions

2. test_wallet_add_hide_unhide_account_private_key, id: 700761
Device sessions

3. test_wallet_add_delete_watch_only_account, id: 700760
Device sessions

4. test_wallet_tx_history_copy_tx_hash_on_cellular, id: 700756
Device sessions

5. test_wallet_fetching_balance_after_offline_insufficient_funds_errors, id: 700766
Device sessions

6. test_wallet_add_account_seed_phrase_validation, id: 700762
Device sessions

7. test_wallet_manage_assets, id: 700758
Device sessions

Class TestPublicChatBrowserOneDeviceMerged:

1. test_browser_connection_is_secure_not_secure_warning, id: 702073
Device sessions

2. test_public_chat_copy_and_paste_message_in_chat_input, id: 5317
Device sessions

3. test_browser_invalid_url, id: 702074
Device sessions

4. test_browser_bookmarks_create_edit_remove, id: 702077
Device sessions

5. test_public_chat_tag_message, id: 700738
Device sessions

6. test_browser_offline, id: 702075
Device sessions

7. test_public_chat_navigate_to_chat_when_relaunch, id: 5396
Device sessions

8. test_public_chat_open_using_deep_link, id: 700739
Device sessions

9. test_browser_delete_close_tabs, id: 702076
Device sessions

10. test_browser_blocked_url, id: 702072
Device sessions

11. test_browser_web3_permissions_testdapp, id: 702078
Device sessions

12. test_public_chat_fetch_more_history, id: 5675
Device sessions

Class TestPublicChatMultipleDeviceMerged:

1. test_public_chat_link_send_open, id: 700736
Device sessions

2. test_public_chat_message_delete, id: 700735
Device sessions

3. test_public_chat_unread_messages_counter, id: 5360
Device sessions

4. test_public_chat_unread_messages_counter_for_mention_relogin, id: 700718
Device sessions

5. test_public_chat_delete_chat_long_press, id: 5319
Device sessions

6. test_public_chat_message_send_check_timestamps_while_on_different_tab, id: 5313
Device sessions

7. test_public_chat_emoji_send_copy_paste_reply, id: 700719
Device sessions

8. test_public_chat_mark_all_messages_as_read, id: 6270
Device sessions

9. test_public_chat_links_with_previews_github_youtube_twitter_gif_send_enable, id: 700737
Device sessions

10. test_public_chat_message_edit, id: 700734
Device sessions

Class TestContactBlockMigrateKeycardMultipleSharedDevices:

1. test_keycard_command_send_tx_eth_1_1_chat, id: 702186
Device sessions

2. test_contact_block_unblock_public_chat_offline, id: 702176
Device sessions

3. test_contact_add_remove_mention_default_username_nickname_public_chat, id: 702175
Device sessions

4. test_cellular_settings_on_off_public_chat_fetching_history, id: 702188
Device sessions

5. test_restore_account_migrate_multiaccount_to_keycard_db_saved, id: 702177
Device sessions

Class TestSendTxDeviceMerged:

1. test_send_tx_custom_token_18_decimals_invalid_password, id: 700765
Device sessions

2. test_send_tx_token_8_decimals, id: 700764
Device sessions

3. test_send_tx_set_recipient_options, id: 700757
Device sessions

4. test_send_tx_eth_check_logcat, id: 700763
Device sessions

5. test_send_tx_sign_message_2tx_in_batch_tx_filters_request_stt_testdapp, id: 5342
Device sessions

Class TestOnboardingOneDeviceMerged:

1. test_onboarding_share_contact_address, id: 700743
Device sessions

2. test_onboarding_add_new_multiaccount_username_by_position_pass_validation, id: 700747
Device sessions

3. test_onboarding_cant_sign_in_with_invalid_password_logcat, id: 700746
Device sessions

4. test_onboarding_share_wallet_address, id: 700744
Device sessions

5. test_onboarding_home_initial_popup, id: 700742
Device sessions

6. test_onboarding_backup_seed_phrase_restore_same_login_logcat, id: 700745
Device sessions

Class TestOneToOneChatMultipleSharedDevices:

1. test_1_1_chat_push_emoji, id: 6283
Device sessions

2. test_1_1_chat_image_send_save_reply, id: 6305
Device sessions

3. test_1_1_chat_is_shown_message_sent_delivered_from_offline, id: 5310
Device sessions

4. test_1_1_chat_message_reaction, id: 6315
Device sessions

5. test_1_1_chat_delete_via_delete_button_relogin, id: 5387
Device sessions

6. test_1_1_chat_emoji_send_reply_and_open_link, id: 5373
Device sessions

7. test_1_1_chat_non_latin_message_to_newly_added_contact_with_profile_picture_on_different_networks, id: 5315
Device sessions

8. test_1_1_chat_text_message_edit_delete_push_disappear, id: 695843
Device sessions

9. test_1_1_chat_text_message_with_push, id: 6316
Device sessions

Class TestRestoreOneDeviceMerged:

1. test_restore_account_migrate_multiaccount_to_keycard_no_db_saved_add_wallet_send_tx, id: 702189
Device sessions

2. test_restore_uppercase_whitespaces_seed_phrase_special_char_passw_logcat, id: 700748
Device sessions

3. test_restore_set_up_wallet_sign_phrase, id: 700749
Device sessions

4. test_restore_seed_phrase_field_validation, id: 700750
Device sessions

Class TestCommandsMultipleDevicesMerged:

1. test_1_1_chat_command_send_tx_eth_outgoing_tx_push, id: 6253
Device sessions

2. test_1_1_chat_command_decline_eth_push_changing_state, id: 6265
Device sessions

3. test_1_1_chat_command_request_and_send_tx_stt_in_1_1_chat_offline, id: 6263
Device sessions

Class TestEnsStickersMultipleDevicesMerged:

1. test_start_new_chat_public_key_validation, id: 702158
Device sessions

2. test_sticker_1_1_public_chat_mainnet, id: 702157
Device sessions

3. test_ens_command_send_tx_eth_1_1_chat, id: 702153
Device sessions

4. test_ens_mention_push_highlighted_public_chat, id: 702156
Device sessions

5. test_ens_mention_nickname_1_1_chat, id: 702155
Device sessions

6. test_ens_purchased_in_profile, id: 702152
Device sessions

Class TestGroupChatMultipleDeviceMerged:

1. test_group_chat_leave_relogin, id: 3997
Device sessions

2. test_group_chat_highligted, id: 5756
Device sessions

3. test_group_chat_push_system_messages_when_invited, id: 3994
Device sessions

4. test_group_chat_join_send_text_messages_push, id: 700731
Device sessions

5. test_group_chat_add_new_member_activity_centre, id: 700732
Device sessions

6. test_group_chat_offline_pn, id: 3998
Device sessions

Class TestKeycardTxOneDeviceMerged:

1. test_keycard_send_tx_eth, id: 700767
Device sessions

2. test_keycard_create_account_unlock_same_seed, id: 5689
Device sessions

3. test_keycard_wallet_recover_pairing_check_balance_after_offline_tx_history, id: 700770
Device sessions

4. test_keycard_relogin_after_restore, id: 700768
Device sessions

5. test_keycard_send_tx_sign_message_request_stt_testdapp, id: 700769
Device sessions

Class TestPairingSyncMultipleDevicesMerged:

1. test_pairing_sync_contacts_add_remove_set_nickname_ens, id: 702197
Device sessions

2. test_pairing_sync_clear_history, id: 702394
Device sessions

3. test_pairing_sync_initial_bookmarks, id: 702393
Device sessions

4. test_pairing_sync_initial_profile_picture, id: 702392
Device sessions

5. test_pairing_sync_contacts_block_unblock, id: 702196
Device sessions

6. test_pairing_sync_initial_contacts_blocked_users, id: 702194
Device sessions

7. test_pairing_sync_initial_public_chats, id: 702195
Device sessions

8. test_pairing_sync_public_chat_add_remove, id: 702199
Device sessions

9. test_pairing_sync_1_1_chat_message, id: 702198
Device sessions

@pavloburykh pavloburykh self-assigned this Sep 6, 2022
@pavloburykh
Copy link
Contributor

@flexsurfer thanx for the PR. No regression found related to message input field. All e2e have passed. Ready for merge.

@flexsurfer flexsurfer merged commit 1d87957 into develop Sep 6, 2022
@flexsurfer flexsurfer deleted the feature/message-input branch September 6, 2022 09:19
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.

UI Component - Message Input
5 participants