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

Enter scan code tab in Syncing #16852

Merged
merged 2 commits into from
Oct 5, 2023
Merged

Enter scan code tab in Syncing #16852

merged 2 commits into from
Oct 5, 2023

Conversation

siddarthkay
Copy link
Contributor

@siddarthkay siddarthkay commented Aug 2, 2023

This PR adds the enter sync code UI.

Fixes : #16062

Design link : https://www.figma.com/file/V6nlpAWIf2e1XU8RJ9yQPe/Syncing-for-Mobile?node-id=675%3A179729&mode=dev

Screenshot :
Simulator Screenshot - iPhone 11 Pro - 2023-08-03 at 08 54 51

Review notes :
We do not make use of quo2/input here because currently that component does not allow stretching to fit in sync code which spans upto 3 lines.

status: ready

@siddarthkay siddarthkay self-assigned this Aug 2, 2023
@siddarthkay siddarthkay marked this pull request as draft August 2, 2023 17:06
@status-im-auto
Copy link
Member

status-im-auto commented Aug 2, 2023

Jenkins Builds

Click to see older builds (110)
Commit #️⃣ Finished (UTC) Duration Platform Result
965dbad #1 2023-08-02 17:08:40 ~2 min tests 📄log
✔️ 965dbad #1 2023-08-02 17:12:20 ~5 min android 🤖apk 📲
✔️ 965dbad #1 2023-08-02 17:12:34 ~6 min android-e2e 🤖apk 📲
✔️ 965dbad #1 2023-08-02 17:13:50 ~7 min ios 📱ipa 📲
e07fff8 #2 2023-08-02 18:00:35 ~1 min tests 📄log
✔️ e07fff8 #2 2023-08-02 18:04:10 ~5 min android-e2e 🤖apk 📲
✔️ e07fff8 #2 2023-08-02 18:04:17 ~5 min android 🤖apk 📲
224ea8a #3 2023-08-02 18:06:57 ~2 min tests 📄log
9565c03 #4 2023-08-02 18:09:16 ~2 min tests 📄log
✔️ 67c6a50 #5 2023-08-02 18:17:55 ~5 min android-e2e 🤖apk 📲
✔️ 67c6a50 #5 2023-08-02 18:17:55 ~5 min android 🤖apk 📲
✔️ 67c6a50 #5 2023-08-02 18:19:06 ~7 min ios 📱ipa 📲
✔️ 67c6a50 #5 2023-08-02 18:20:30 ~8 min tests 📄log
✔️ f21ad83 #7 2023-08-03 03:32:01 ~5 min android-e2e 🤖apk 📲
✔️ f21ad83 #7 2023-08-03 03:32:19 ~5 min android 🤖apk 📲
✔️ 45f1b6f #12 2023-08-03 03:42:16 ~5 min android 🤖apk 📲
✔️ 45f1b6f #12 2023-08-03 03:42:20 ~5 min android-e2e 🤖apk 📲
✔️ 45f1b6f #12 2023-08-03 03:44:01 ~7 min ios 📱ipa 📲
✔️ 45f1b6f #12 2023-08-03 03:45:30 ~8 min tests 📄log
✔️ 39660ec #13 2023-08-03 15:40:18 ~6 min android-e2e 🤖apk 📲
✔️ 39660ec #13 2023-08-03 15:40:24 ~6 min android 🤖apk 📲
✔️ 39660ec #13 2023-08-03 15:41:11 ~7 min ios 📱ipa 📲
✔️ 39660ec #13 2023-08-03 15:43:02 ~8 min tests 📄log
✔️ dfa05d0 #14 2023-08-03 17:30:22 ~6 min ios 📱ipa 📲
✔️ dfa05d0 #14 2023-08-03 17:33:22 ~9 min android-e2e 🤖apk 📲
✔️ dfa05d0 #14 2023-08-03 17:33:38 ~9 min android 🤖apk 📲
✔️ dfa05d0 #14 2023-08-03 17:34:26 ~10 min tests 📄log
✔️ ebab397 #15 2023-08-05 10:51:54 ~5 min android-e2e 🤖apk 📲
✔️ ebab397 #15 2023-08-05 10:52:08 ~5 min android 🤖apk 📲
✔️ ebab397 #15 2023-08-05 10:54:37 ~8 min ios 📱ipa 📲
✔️ ebab397 #15 2023-08-05 10:54:54 ~8 min tests 📄log
✔️ 4901f0a #16 2023-08-07 04:49:33 ~5 min android-e2e 🤖apk 📲
✔️ 4901f0a #16 2023-08-07 04:50:16 ~6 min ios 📱ipa 📲
✔️ 4901f0a #16 2023-08-07 04:51:40 ~7 min android 🤖apk 📲
✔️ 4901f0a #16 2023-08-07 04:52:51 ~8 min tests 📄log
✔️ 8f9c098 #17 2023-08-07 07:40:38 ~6 min android 🤖apk 📲
✔️ 8f9c098 #17 2023-08-07 07:43:04 ~8 min ios 📱ipa 📲
✔️ 8f9c098 #17 2023-08-07 07:43:31 ~8 min android-e2e 🤖apk 📲
✔️ 8f9c098 #17 2023-08-07 07:43:54 ~9 min tests 📄log
ff93fdd #18 2023-08-07 10:03:33 ~2 min tests 📄log
✔️ ff93fdd #18 2023-08-07 10:06:13 ~5 min android 🤖apk 📲
✔️ ff93fdd #18 2023-08-07 10:06:45 ~6 min android-e2e 🤖apk 📲
✔️ ff93fdd #18 2023-08-07 10:10:42 ~10 min ios 📱ipa 📲
bb3aee1 #19 2023-08-07 10:30:23 ~2 min tests 📄log
✔️ bb3aee1 #19 2023-08-07 10:33:11 ~5 min android 🤖apk 📲
✔️ bb3aee1 #19 2023-08-07 10:33:20 ~5 min android-e2e 🤖apk 📲
✔️ bb3aee1 #19 2023-08-07 10:36:11 ~8 min ios 📱ipa 📲
7729f0a #20 2023-08-07 15:52:24 ~2 min tests 📄log
✔️ 7729f0a #20 2023-08-07 15:55:47 ~5 min android-e2e 🤖apk 📲
✔️ 7729f0a #20 2023-08-07 15:55:57 ~5 min android 🤖apk 📲
1937872 #21 2023-08-07 15:59:51 ~2 min tests 📄log
✔️ 1937872 #21 2023-08-07 16:03:18 ~5 min android-e2e 🤖apk 📲
df82efe #22 2023-08-07 16:06:47 ~3 min tests 📄log
✔️ df82efe #22 2023-08-07 16:08:46 ~5 min android 🤖apk 📲
✔️ df82efe #22 2023-08-07 16:09:11 ~5 min android-e2e 🤖apk 📲
✔️ df82efe #22 2023-08-07 16:09:15 ~5 min ios 📱ipa 📲
✔️ 70d48de #23 2023-08-07 16:25:25 ~6 min ios 📱ipa 📲
✔️ 70d48de #23 2023-08-07 16:25:34 ~6 min android-e2e 🤖apk 📲
✔️ 70d48de #23 2023-08-07 16:25:37 ~6 min android 🤖apk 📲
✔️ 70d48de #23 2023-08-07 16:28:39 ~9 min tests 📄log
✔️ ab7a4a0 #25 2023-08-08 08:10:40 ~6 min ios 📱ipa 📲
✔️ ab7a4a0 #25 2023-08-08 08:13:37 ~9 min android-e2e 🤖apk 📲
✔️ ab7a4a0 #25 2023-08-08 08:13:41 ~9 min android 🤖apk 📲
✔️ ab7a4a0 #25 2023-08-08 08:14:08 ~10 min tests 📄log
✔️ 6434f1e #26 2023-08-08 11:25:06 ~5 min android-e2e 🤖apk 📲
✔️ 6434f1e #26 2023-08-08 11:26:46 ~7 min android 🤖apk 📲
✔️ d155500 #27 2023-08-08 11:33:12 ~5 min android-e2e 🤖apk 📲
✔️ d155500 #27 2023-08-08 11:37:13 ~9 min android 🤖apk 📲
✔️ d155500 #27 2023-08-08 11:37:37 ~9 min tests 📄log
✔️ d155500 #27 2023-08-08 11:37:45 ~9 min ios 📱ipa 📲
✔️ 6922876 #28 2023-08-08 15:15:12 ~5 min android-e2e 🤖apk 📲
✔️ 6922876 #28 2023-08-08 15:15:13 ~5 min android 🤖apk 📲
✔️ 6922876 #28 2023-08-08 15:17:18 ~7 min ios 📱ipa 📲
✔️ 6922876 #28 2023-08-08 15:18:11 ~8 min tests 📄log
886b971 #29 2023-08-09 13:36:24 ~3 min tests 📄log
✔️ 886b971 #29 2023-08-09 13:38:43 ~5 min android-e2e 🤖apk 📲
✔️ 886b971 #29 2023-08-09 13:38:48 ~5 min android 🤖apk 📲
✔️ 886b971 #29 2023-08-09 13:44:01 ~10 min ios 📱ipa 📲
fa00fce #30 2023-08-09 14:05:05 ~2 min tests 📄log
✔️ fa00fce #30 2023-08-09 14:07:45 ~5 min android-e2e 🤖apk 📲
✔️ fa00fce #30 2023-08-09 14:07:47 ~5 min android 🤖apk 📲
✔️ 1e67173 #31 2023-08-09 14:15:23 ~5 min android-e2e 🤖apk 📲
✔️ 1e67173 #31 2023-08-09 14:15:26 ~5 min android 🤖apk 📲
✔️ 1e67173 #31 2023-08-09 14:16:34 ~6 min ios 📱ipa 📲
✔️ 1e67173 #31 2023-08-09 14:19:06 ~9 min tests 📄log
✔️ 4da61f4 #32 2023-09-18 13:37:13 ~6 min android 🤖apk 📲
✔️ 4da61f4 #32 2023-09-18 13:40:38 ~9 min android-e2e 🤖apk 📲
✔️ 4da61f4 #32 2023-09-18 13:40:48 ~9 min tests 📄log
✔️ 4da61f4 #32 2023-09-18 13:41:39 ~10 min ios 📱ipa 📲
90bf4ac #33 2023-09-18 14:10:59 ~2 min tests 📄log
✔️ 550411f #34 2023-09-18 14:19:40 ~6 min android 🤖apk 📲
✔️ 550411f #34 2023-09-18 14:20:40 ~7 min ios 📱ipa 📲
✔️ 550411f #34 2023-09-18 14:23:17 ~9 min android-e2e 🤖apk 📲
✔️ 550411f #34 2023-09-18 14:23:50 ~10 min tests 📄log
✔️ 9a858e7 #35 2023-09-19 05:26:58 ~5 min android 🤖apk 📲
✔️ 9a858e7 #35 2023-09-19 05:27:06 ~5 min android-e2e 🤖apk 📲
✔️ 9a858e7 #35 2023-09-19 05:28:18 ~6 min ios 📱ipa 📲
✔️ 9a858e7 #35 2023-09-19 05:30:18 ~8 min tests 📄log
✔️ 1a87d2e #36 2023-09-20 04:37:06 ~5 min android 🤖apk 📲
✔️ 1a87d2e #36 2023-09-20 04:38:04 ~6 min ios 📱ipa 📲
✔️ 1a87d2e #36 2023-09-20 04:39:34 ~8 min android-e2e 🤖apk 📲
✔️ 1a87d2e #36 2023-09-20 04:40:53 ~9 min tests 📄log
✔️ f387290 #37 2023-09-26 10:15:49 ~6 min android-e2e 🤖apk 📲
✔️ f387290 #37 2023-09-26 10:15:53 ~6 min android 🤖apk 📲
✔️ f387290 #37 2023-09-26 10:16:23 ~6 min ios 📱ipa 📲
✔️ f387290 #37 2023-09-26 10:22:18 ~12 min tests 📄log
✔️ c89c6ba #38 2023-10-03 11:19:29 ~5 min android-e2e 🤖apk 📲
✔️ c89c6ba #38 2023-10-03 11:19:45 ~5 min android 🤖apk 📲
✔️ c89c6ba #38 2023-10-03 11:20:23 ~6 min ios 📱ipa 📲
✔️ c89c6ba #38 2023-10-03 11:22:50 ~8 min tests 📄log
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 57f5840 #40 2023-10-03 14:11:47 ~5 min android 🤖apk 📲
✔️ 57f5840 #40 2023-10-03 14:11:58 ~6 min android-e2e 🤖apk 📲
✔️ 57f5840 #40 2023-10-03 14:13:11 ~7 min ios 📱ipa 📲
✔️ 57f5840 #40 2023-10-03 14:15:11 ~9 min tests 📄log
✔️ 6cee942 #41 2023-10-05 13:32:57 ~5 min android-e2e 🤖apk 📲
✔️ 6cee942 #41 2023-10-05 13:33:26 ~6 min android 🤖apk 📲
✔️ 6cee942 #41 2023-10-05 13:36:24 ~8 min ios 📱ipa 📲
✔️ 6cee942 #41 2023-10-05 13:39:34 ~12 min tests 📄log

@siddarthkay siddarthkay force-pushed the add-scan-sync-code-tab branch 8 times, most recently from 07d4dd2 to 45f1b6f Compare August 3, 2023 03:36
@siddarthkay siddarthkay marked this pull request as ready for review August 3, 2023 03:36
@siddarthkay siddarthkay changed the title [WIP] Enter scan code tab in Syncing Enter scan code tab in Syncing Aug 3, 2023
@pavloburykh
Copy link
Contributor

Hi @status-im/mobile-qa : I have fixed all the bugs that @pavloburykh had raised except issue 7.

Hello @siddarthkay! Thank you. ISSUES 1,2,3,4 are fixed

At the same time I am still reproducing following issues

ISSUE 5 text is not centered in the input field

IOS:
photo_2023-09-19 17 56 09

Android:
photo_2023-09-19 17 56 11

ISSUE 6 Pasted qr code of a right format is not confirmed automatically

@pavloburykh
Copy link
Contributor

ISSUE 8 Sometimes user gets stucked on Enter scan code tab after confirming valid QR code

Actual result:

Eventually user is redirected to Syncing screen. But sometimes it takes minutes before it happens (see video below).

Status-debug-logs (60).zip

telegram-cloud-document-2-5208500277149185983.mp4

Expected result: user should be redirected to Syncing screen right after Confirm button is tapped (in case if QR passes validation).

@pavloburykh
Copy link
Contributor

@siddarthkay I am also facing some weird issues with IOS: sometimes Sync fails despite valid QR is used. The other time IOS appears to crash after successful sync. I will investigate those cases tomorrow and try to provide some details.

@cammellos
Copy link
Contributor

@siddarthkay could you please have a look?

@siddarthkay
Copy link
Contributor Author

@siddarthkay could you please have a look?

ah yes at the moment I am working on fixes for issues pointed out by @pavloburykh

@churik
Copy link
Member

churik commented Sep 26, 2023

@siddarthkay @pavloburykh
around a week ago there was a major fix on status-go about syncing.
So I believe that might be retested with recent status-go and the issue 8 might not be there anymore

@pavloburykh
Copy link
Contributor

So I believe that might be retested with recent status-go and the issue 8 might not be there anymore

Thanx @churik! Looks like ISSUE 8 is not reproducible in case of valid scan code.

@siddarthkay could you please take a look at other issues

ISSUE 9 IOS is crashing after sync performed by entering scan code (IOS)

IOS 16.6, iPhone X

Crash is reproducible every time but I am facing it in 8 of 10 cases. It is always reproducible suring first sync after app install

Preconditions: User A - any device, QR generator; User B - IOS fresh install, not logged yet into any account

Steps:

  1. User A - generates Sync code
  2. User B open app - add existing profile - enter sync code - confirm
  3. Observe the result

Actual result: User is redirected to Syncing screen. App crashes. After app re-opening synced account is displayed in the list and can be logged in, so sync is in fact successful.

IOS_crash_sync.zip

telegram-cloud-document-2-5231034621931570101.mp4

Expected result: app does not crash.

@pavloburykh
Copy link
Contributor

pavloburykh commented Sep 26, 2023

ISSUE 10 Sometimes user gets stucked on Syncing screen after using valid but expired code

It takes a lot of time (> 1 min) before user is finally redirected to Oops something's wrong screen

Steps:

  1. Open Enter scan code screen
  2. Enter valid but expired scan code. You can user this one cs3:scrD4QF:CCp:zYKvr9cfu6bYCYRAnKcdEhXmoNFWZwLNVfRqLTFLgtTa:DtJhH758eSNQT6ohar9ifHXdNH9foRYZPLfZjknYLxbE
  3. Observe the result

Actual result: user is redirected to Syncing page and remain there for > 1 before Oops something's wrong screen appears

Status-debug-logs (66).zip

telegram-cloud-document-2-5231034621931570101.mp4

Expected result: user is redirected to Oops something's wrong faster

@pavloburykh
Copy link
Contributor

@siddarthkay I would take a deeper look at ISSUE 9 while ISSUE 10 can be resolved in a followup.

@siddarthkay siddarthkay force-pushed the add-scan-sync-code-tab branch 2 times, most recently from 76b9ceb to 57f5840 Compare October 3, 2023 14:05
@siddarthkay
Copy link
Contributor Author

Hi @pavloburykh : I've addressed Issue 5 in this PR.

Initially the scope of this PR was just to add an input field for connection strings to be accepted for syncing.

Regarding remaining issues about crash and users being stuck will be worked on in a follow up.
Those issues also exist with scanning a QR code and have a common solution.

Thanks for testing and could you please have a look again ?

@pavloburykh
Copy link
Contributor

pavloburykh commented Oct 3, 2023

Hi @pavloburykh : I've addressed Issue 5 in this PR.

Hi @siddarthkay. Unfortunately ISSUE 5 is still not fixed.

IOS seems to be okay, but on Android placeholder and text is now dispositioned to the top.

Below video recorded on Samsung Galaxy A52, Android 12.

telegram-cloud-document-2-5251438323632714958.mp4

Also, what about ISSUE 6? I have mentioned it among unfixed issues here

This commit adds the enter sync code UI.

Fixes : #16062

Design link : https://www.figma.com/file/V6nlpAWIf2e1XU8RJ9yQPe/Syncing-for-Mobile?node-id=675%3A179729&mode=dev

Review notes :
We do not make use of quo2/input here because currently that component does not allow stretching to fit in sync code which spans upto 3 lines.
@pavloburykh
Copy link
Contributor

Agreed to merge this PR and take care of the rest issues in followups.

@pavloburykh
Copy link
Contributor

@Francesca-G we have skipped design review for this PR as according to @siddarthkay we need to merge it ASAP. You can review it after merge and share your comments but take into consideration that at this point we have some issues left as followups. So maybe it will be better to review after we fix them. Thank you.

@siddarthkay siddarthkay merged commit 7043e03 into develop Oct 5, 2023
6 checks passed
@siddarthkay siddarthkay deleted the add-scan-sync-code-tab branch October 5, 2023 15:35
@Francesca-G
Copy link

@Francesca-G we have skipped design review for this PR as according to @siddarthkay we need to merge it ASAP. You can review it after merge and share your comments but take into consideration that at this point we have some issues left as followups. So maybe it will be better to review after we fix them. Thank you.

makes sense to review it after the fixes :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Archived in project
Development

Successfully merging this pull request may close these issues.

Onboarding - Sign In page - Implement Sync Code tab according to designs