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

Share community channel qr code #18807

Merged
merged 49 commits into from
Feb 21, 2024

Conversation

Pau1fitz
Copy link
Collaborator

@Pau1fitz Pau1fitz commented Feb 13, 2024

Closes #17993

Figma design here.

Screen.Recording.2024-02-13.at.17.39.22.mov

iOS
Android

Testing notes:
Navigate to an communities screen
choose a community

    • long press on the channel name
    • click show qr code
      or
    • click on channel name
    • click on three dots
    • click show qr code

@Pau1fitz Pau1fitz marked this pull request as draft February 13, 2024 17:25
@status-im-auto
Copy link
Member

status-im-auto commented Feb 13, 2024

Jenkins Builds

Click to see older builds (127)
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 450cbcc #1 2024-02-13 17:31:37 ~5 min ios 📱ipa 📲
✔️ 450cbcc #1 2024-02-13 17:32:06 ~6 min tests 📄log
✔️ 450cbcc #2 2024-02-13 17:34:47 ~8 min android-e2e 🤖apk 📲
✔️ 450cbcc #1 2024-02-13 17:34:55 ~9 min android 🤖apk 📲
✔️ e04f7d5 #2 2024-02-13 17:49:28 ~5 min ios 📱ipa 📲
✔️ e04f7d5 #2 2024-02-13 17:49:33 ~5 min tests 📄log
✔️ e04f7d5 #3 2024-02-13 17:52:11 ~8 min android-e2e 🤖apk 📲
✔️ e04f7d5 #2 2024-02-13 17:52:20 ~8 min android 🤖apk 📲
✔️ e39175f #3 2024-02-14 09:28:21 ~5 min ios 📱ipa 📲
✔️ e39175f #3 2024-02-14 09:28:26 ~5 min tests 📄log
✔️ e39175f #3 2024-02-14 09:31:13 ~8 min android 🤖apk 📲
✔️ e39175f #4 2024-02-14 09:31:13 ~8 min android-e2e 🤖apk 📲
✔️ 8ff7367 #7 2024-02-14 10:50:07 ~6 min android-e2e 🤖apk 📲
✔️ 8ff7367 #6 2024-02-14 10:50:14 ~6 min tests 📄log
✔️ 8ff7367 #6 2024-02-14 10:50:45 ~7 min android 🤖apk 📲
✔️ 8ff7367 #6 2024-02-14 10:52:05 ~8 min ios 📱ipa 📲
✔️ a4825c9 #7 2024-02-14 10:59:48 ~5 min tests 📄log
✔️ a4825c9 #7 2024-02-14 11:00:15 ~5 min ios 📱ipa 📲
✔️ 4e4feed #8 2024-02-14 11:06:14 ~4 min tests 📄log
✔️ 4e4feed #8 2024-02-14 11:08:03 ~6 min ios 📱ipa 📲
✔️ 4e4feed #9 2024-02-14 11:09:03 ~7 min android-e2e 🤖apk 📲
✔️ 4e4feed #8 2024-02-14 11:09:04 ~7 min android 🤖apk 📲
✔️ c504237 #9 2024-02-14 11:40:58 ~4 min tests 📄log
✔️ c504237 #10 2024-02-14 11:43:30 ~7 min android-e2e 🤖apk 📲
✔️ c504237 #9 2024-02-14 11:43:37 ~7 min android 🤖apk 📲
✔️ c504237 #9 2024-02-14 11:48:29 ~12 min ios 📱ipa 📲
✔️ fe16e60 #10 2024-02-14 11:57:37 ~5 min tests 📄log
✔️ fe16e60 #10 2024-02-14 11:58:57 ~7 min ios 📱ipa 📲
✔️ fe16e60 #10 2024-02-14 12:00:43 ~9 min android 🤖apk 📲
✔️ fe16e60 #11 2024-02-14 12:00:43 ~9 min android-e2e 🤖apk 📲
✔️ 3e5f4af #11 2024-02-14 12:40:07 ~5 min tests 📄log
✔️ 3e5f4af #13 2024-02-14 12:41:42 ~6 min android-e2e 🤖apk 📲
✔️ 3e5f4af #12 2024-02-14 12:42:35 ~7 min ios 📱ipa 📲
✔️ 3e5f4af #12 2024-02-14 12:43:05 ~8 min android 🤖apk 📲
✔️ a17c11c #12 2024-02-14 13:15:44 ~5 min tests 📄log
✔️ a17c11c #13 2024-02-14 13:15:55 ~5 min ios 📱ipa 📲
✔️ a17c11c #14 2024-02-14 13:17:14 ~7 min android-e2e 🤖apk 📲
✔️ a17c11c #13 2024-02-14 13:18:07 ~8 min android 🤖apk 📲
✔️ cede632 #14 2024-02-14 14:50:14 ~4 min tests 📄log
✔️ cede632 #15 2024-02-14 14:51:54 ~6 min ios 📱ipa 📲
✔️ cede632 #16 2024-02-14 14:52:46 ~7 min android-e2e 🤖apk 📲
✔️ cede632 #15 2024-02-14 14:53:13 ~7 min android 🤖apk 📲
✔️ 998e37d #16 2024-02-14 18:28:29 ~5 min ios 📱ipa 📲
998e37d #15 2024-02-14 18:28:47 ~5 min tests 📄log
✔️ 998e37d #17 2024-02-14 18:30:54 ~8 min android-e2e 🤖apk 📲
✔️ 998e37d #16 2024-02-14 18:31:51 ~9 min android 🤖apk 📲
✔️ 97dac76 #17 2024-02-14 18:40:12 ~5 min ios 📱ipa 📲
✔️ 97dac76 #17 2024-02-14 18:41:44 ~7 min android 🤖apk 📲
✔️ 97dac76 #18 2024-02-14 18:42:00 ~7 min android-e2e 🤖apk 📲
✔️ cea9a7e #18 2024-02-15 09:20:17 ~6 min ios 📱ipa 📲
✔️ cea9a7e #17 2024-02-15 09:20:18 ~6 min tests 📄log
✔️ cea9a7e #19 2024-02-15 09:20:45 ~6 min android-e2e 🤖apk 📲
✔️ cea9a7e #18 2024-02-15 09:20:46 ~6 min android 🤖apk 📲
✔️ 0d13e66 #19 2024-02-15 09:40:13 ~7 min ios 📱ipa 📲
✔️ 0d13e66 #20 2024-02-15 09:41:05 ~8 min android-e2e 🤖apk 📲
✔️ 0d13e66 #18 2024-02-15 09:41:40 ~8 min tests 📄log
✔️ 0d13e66 #19 2024-02-15 09:44:50 ~11 min android 🤖apk 📲
✔️ 25bfb9e #19 2024-02-15 09:50:33 ~5 min tests 📄log
✔️ 25bfb9e #20 2024-02-15 09:51:10 ~5 min ios 📱ipa 📲
✔️ 25bfb9e #21 2024-02-15 09:52:58 ~7 min android-e2e 🤖apk 📲
✔️ 25bfb9e #20 2024-02-15 09:53:01 ~7 min android 🤖apk 📲
✔️ 03df6f9 #21 2024-02-15 11:25:22 ~5 min tests 📄log
✔️ 03df6f9 #23 2024-02-15 11:26:30 ~6 min android-e2e 🤖apk 📲
✔️ 03df6f9 #22 2024-02-15 11:26:37 ~6 min ios 📱ipa 📲
✔️ 03df6f9 #22 2024-02-15 11:27:45 ~7 min android 🤖apk 📲
✔️ 0759094 #22 2024-02-15 12:39:14 ~5 min tests 📄log
✔️ 0759094 #23 2024-02-15 12:40:21 ~6 min ios 📱ipa 📲
✔️ 0759094 #24 2024-02-15 12:41:36 ~7 min android-e2e 🤖apk 📲
✔️ 0759094 #23 2024-02-15 12:41:44 ~7 min android 🤖apk 📲
✔️ eebdfe2 #23 2024-02-15 14:50:14 ~5 min tests 📄log
✔️ eebdfe2 #24 2024-02-15 14:50:58 ~6 min ios 📱ipa 📲
✔️ eebdfe2 #25 2024-02-15 14:52:55 ~8 min android-e2e 🤖apk 📲
✔️ eebdfe2 #24 2024-02-15 14:53:04 ~8 min android 🤖apk 📲
✔️ 5dce30d #25 2024-02-15 16:53:07 ~5 min ios 📱ipa 📲
✔️ 5dce30d #24 2024-02-15 16:53:15 ~5 min tests 📄log
✔️ 5dce30d #25 2024-02-15 16:56:00 ~8 min android 🤖apk 📲
✔️ 5dce30d #26 2024-02-15 16:56:07 ~8 min android-e2e 🤖apk 📲
✔️ 78a87e6 #26 2024-02-15 22:09:14 ~5 min ios 📱ipa 📲
✔️ 78a87e6 #25 2024-02-15 22:09:24 ~5 min tests 📄log
✔️ 78a87e6 #27 2024-02-15 22:11:53 ~8 min android-e2e 🤖apk 📲
✔️ 78a87e6 #26 2024-02-15 22:12:00 ~8 min android 🤖apk 📲
✔️ d4073bd #26 2024-02-16 13:01:35 ~5 min tests 📄log
✔️ d4073bd #27 2024-02-16 13:02:07 ~5 min ios 📱ipa 📲
✔️ d4073bd #27 2024-02-16 13:02:57 ~6 min android 🤖apk 📲
✔️ d4073bd #28 2024-02-16 13:03:47 ~7 min android-e2e 🤖apk 📲
✔️ 711f4b0 #28 2024-02-16 13:52:03 ~5 min ios 📱ipa 📲
✔️ 711f4b0 #28 2024-02-16 13:53:34 ~7 min android 🤖apk 📲
✔️ 711f4b0 #29 2024-02-16 13:54:12 ~8 min android-e2e 🤖apk 📲
483b597 #30 2024-02-16 14:09:09 ~32 sec android-e2e 📄log
483b597 #29 2024-02-16 14:09:09 ~25 sec ios 📄log
483b597 #29 2024-02-16 14:09:11 ~31 sec android 📄log
483b597 #28 2024-02-16 14:09:37 ~51 sec tests 📄log
✔️ 9a6be80 #30 2024-02-16 14:25:37 ~5 min tests 📄log
✔️ 9a6be80 #31 2024-02-16 14:26:19 ~5 min ios 📱ipa 📲
✔️ 9a6be80 #31 2024-02-16 14:27:06 ~6 min android 🤖apk 📲
✔️ 9a6be80 #32 2024-02-16 14:27:42 ~7 min android-e2e 🤖apk 📲
✔️ 3635108 #31 2024-02-16 18:21:49 ~5 min tests 📄log
✔️ 3635108 #32 2024-02-16 18:22:03 ~5 min ios 📱ipa 📲
✔️ 3635108 #33 2024-02-16 18:22:38 ~6 min android-e2e 🤖apk 📲
✔️ 3635108 #32 2024-02-16 18:24:04 ~7 min android 🤖apk 📲
9879f97 #32 2024-02-16 18:27:03 ~1 min tests 📄log
✔️ 9879f97 #33 2024-02-16 18:31:11 ~5 min ios 📱ipa 📲
✔️ 9879f97 #34 2024-02-16 18:32:51 ~7 min android-e2e 🤖apk 📲
✔️ 9879f97 #33 2024-02-16 18:32:59 ~7 min android 🤖apk 📲
✔️ becae37 #33 2024-02-16 18:52:02 ~5 min tests 📄log
✔️ becae37 #34 2024-02-16 18:52:02 ~5 min ios 📱ipa 📲
✔️ becae37 #35 2024-02-16 18:54:33 ~8 min android-e2e 🤖apk 📲
✔️ becae37 #34 2024-02-16 18:54:40 ~8 min android 🤖apk 📲
✔️ cdcc09f #34 2024-02-19 09:42:05 ~5 min tests 📄log
✔️ cdcc09f #35 2024-02-19 09:42:07 ~6 min ios 📱ipa 📲
✔️ cdcc09f #36 2024-02-19 09:44:37 ~8 min android-e2e 🤖apk 📲
✔️ cdcc09f #35 2024-02-19 09:44:46 ~8 min android 🤖apk 📲
✔️ ee07a14 #36 2024-02-19 22:46:44 ~6 min ios 📱ipa 📲
✔️ ee07a14 #37 2024-02-19 22:47:33 ~7 min android-e2e 🤖apk 📲
✔️ ee07a14 #36 2024-02-19 22:47:39 ~7 min android 🤖apk 📲
✔️ 0ecbdf2 #36 2024-02-20 09:08:53 ~5 min tests 📄log
✔️ 0ecbdf2 #37 2024-02-20 09:09:36 ~6 min ios 📱ipa 📲
✔️ 0ecbdf2 #38 2024-02-20 09:11:28 ~8 min android-e2e 🤖apk 📲
✔️ 0ecbdf2 #37 2024-02-20 09:11:35 ~8 min android 🤖apk 📲
✔️ a869336 #38 2024-02-20 23:24:42 ~7 min android 🤖apk 📲
✔️ a869336 #39 2024-02-20 23:25:36 ~8 min android-e2e 🤖apk 📲
✔️ a869336 #37 2024-02-20 23:29:31 ~11 min tests 📄log
✔️ a869336 #38 2024-02-21 00:33:32 ~1 hr 15 min ios 📱ipa 📲
✔️ 5a4748c #38 2024-02-21 06:42:07 ~4 min tests 📄log
✔️ 5a4748c #40 2024-02-21 06:44:51 ~7 min android-e2e 🤖apk 📲
✔️ 5a4748c #39 2024-02-21 06:44:59 ~7 min android 🤖apk 📲
✔️ 5a4748c #39 2024-02-21 06:45:48 ~8 min ios 📱ipa 📲
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 4877785 #39 2024-02-21 08:25:15 ~5 min tests 📄log
✔️ 4877785 #40 2024-02-21 08:26:25 ~6 min android 🤖apk 📲
✔️ 4877785 #41 2024-02-21 08:26:39 ~7 min android-e2e 🤖apk 📲
✔️ 4877785 #40 2024-02-21 08:27:05 ~7 min ios 📱ipa 📲
✔️ fcabffc #41 2024-02-21 12:25:44 ~7 min ios 📱ipa 📲
✔️ fcabffc #40 2024-02-21 12:26:14 ~8 min tests 📄log
✔️ fcabffc #42 2024-02-21 12:27:18 ~9 min android-e2e 🤖apk 📲
✔️ fcabffc #41 2024-02-21 12:27:23 ~9 min android 🤖apk 📲

@Pau1fitz Pau1fitz changed the title DRAFT - Share community qr 17993 Share community qr 17993 Feb 13, 2024
@Pau1fitz Pau1fitz marked this pull request as ready for review February 13, 2024 17:44
@Pau1fitz Pau1fitz changed the title Share community qr 17993 Share community channel qr code Feb 13, 2024
@mariia-skrypnyk
Copy link

@Pau1fitz hi! can it be retested?

@J-Son89
Copy link
Contributor

J-Son89 commented Feb 19, 2024

@mariia-skrypnyk, yes I believe it can be retested now 👍

@Pau1fitz
Copy link
Collaborator Author

sorry @mariia-skrypnyk, can confirm it can be retested

@mariia-skrypnyk
Copy link

HI @Pau1fitz @J-Son89 !

Found several issues.
Let me know are they in the scope of a current PR.

Steps:

  1. Login to app
  2. Open any joined community
  3. Open any channel
  4. Go to three dots menu -> Share QR-code

ISSUE 3: QR code looks not as designed

Actual result:

  1. boarder color
  2. white boarder width
  3. size and font color
Screenshot 2024-02-20 at 10 41 39

Expected result:

Screen looks as designed

@mariia-skrypnyk
Copy link

ISSUE 4: Nothing happens when users scans channel QR-code

Steps:

  1. Login as User A
  2. Generate channel QR-code as user A
  3. Login as user B (on another device)
  4. Open QR-code scanner inside the Status app.
  5. As User B can QR-code of User A

Actual result: nothing happens

IMG_6919.MP4

Expected result: exact community should be opened

@J-Son89
Copy link
Contributor

J-Son89 commented Feb 20, 2024

ISSUE 4: Nothing happens when users scans channel QR-code

Steps:

  1. Login as User A
  2. Generate channel QR-code as user A
  3. Login as user B (on another device)
  4. Open QR-code scanner inside the Status app.
  5. As User B can QR-code of User A

Actual result: nothing happens

IMG_6919.MP4
Expected result: exact community should be opened

HI @mariia-skrypnyk - can you try with a regular scanner? I think that is related to the Status QA scanner actually 👍

@J-Son89
Copy link
Contributor

J-Son89 commented Feb 20, 2024

HI @Pau1fitz @J-Son89 !

Found several issues. Let me know are they in the scope of a current PR.

Steps:

  1. Login to app
  2. Open any joined community
  3. Open any channel
  4. Go to three dots menu -> Share QR-code

ISSUE 3: QR code looks not as designed

Actual result:

  1. boarder color
  2. white boarder width
  3. size and font color
Screenshot 2024-02-20 at 10 41 39 Expected result:

Screen looks as designed

  • boarder color
  • white boarder width
  • size and font color

hmm, I think in this case it might be the following.

boarder color - the border color is dependent on the channel color - so it seems right unless the channel has the same color as the one you shared. Need to test with a community channel which has a color that's a bit more distinct than the background.

white boarder width - this is a separate issue which needs to be addressed on the Quo QR component 👍

size and font color - I checked with Figma and this looked correct to me. Perhaps it's because you are verifying with android? I will check the code and design directly now too 👍

Edit:
I checked in Figma & Code and the size of font is right but actually the color of that font should be:
colors/white-70-blur @Pau1fitz

(let [{:keys [url chat-id]} (rf/sub [:get-screen-params])
{:keys [color emoji chat-name]} (rf/sub [:chats/community-channel-ui-details-by-id chat-id])
window-width (rf/sub [:dimensions/window-width])]
(prn color emoji chat-name chat-id)
Copy link
Contributor

Choose a reason for hiding this comment

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

can you remove this print statement btw @Pau1fitz ?

@Pau1fitz
Copy link
Collaborator Author

@J-Son89 @mariia-skrypnyk updated based on the feedback

@mariia-skrypnyk
Copy link

ISSUE 4: Nothing happens when users scans channel QR-code
Steps:

  1. Login as User A
  2. Generate channel QR-code as user A
  3. Login as user B (on another device)
  4. Open QR-code scanner inside the Status app.
  5. As User B can QR-code of User A

Actual result: nothing happens
IMG_6919.MP4
Expected result: exact community should be opened

HI @mariia-skrypnyk - can you try with a regular scanner? I think that is related to the Status QA scanner actually 👍

Hi @J-Son89!

Thanks for your involving into this issue.
Yep, seems it is a scanner issue as link in QR-code is correct and works fine using device camera scanner.
So will create a separate issue on this.

cc @Pau1fitz

@mariia-skrypnyk
Copy link

mariia-skrypnyk commented Feb 21, 2024

@J-Son89 @mariia-skrypnyk updated based on the feedback

Thank you both!

Now PR is fully tested and I move it to the design review approve by @Francesca-G !

@J-Son89
Copy link
Contributor

J-Son89 commented Feb 21, 2024

Great, thanks @mariia-skrypnyk! - Just a heads up about the scanner, @alwx is working on something related to that and there might already be issues created for it. Please align with him as he will know. He recently developed the first part of the generic scanner but there is a lot of functionality to be added, community channels being one of them 👍

@J-Son89 J-Son89 merged commit 321ff92 into status-im:develop Feb 21, 2024
1 check passed
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.

Communities - Share Community Channel QR
7 participants