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

[WIP] Share Tab (Shell Profile Only) #15528

Closed
wants to merge 34 commits into from

Conversation

siddarthkay
Copy link
Contributor

@siddarthkay siddarthkay commented Mar 29, 2023

fixes : #13439

note : only profile tab, it makes sense to introduce wallet tab once the wallet redesign is done, I am sure a lot of things will change post wallet redesign.

  • QR code component introduced over here which fetches the QR over media server.
  • Some components used from old namespace, I will make separate issues for moving them over to new namespace.
  • QR designs have recently been updated, I will make those changes on status-go side in a separate PR

Screen record of how it work :

Screen.Recording.2023-03-31.at.1.40.53.PM.mov

status: ready

@siddarthkay siddarthkay self-assigned this Mar 29, 2023
@siddarthkay siddarthkay linked an issue Mar 29, 2023 that may be closed by this pull request
@siddarthkay siddarthkay force-pushed the 13439-implement-share-in-shell branch from 5e0bba0 to 6b00bd1 Compare March 29, 2023 13:29
@status-im-auto
Copy link
Member

status-im-auto commented Mar 29, 2023

Jenkins Builds

Click to see older builds (130)
Commit #️⃣ Finished (UTC) Duration Platform Result
6b00bd1 #2 2023-03-29 13:34:24 ~4 min tests 📄log
✔️ 6b00bd1 #2 2023-03-29 13:37:49 ~7 min android 🤖apk 📲
✔️ 6b00bd1 #2 2023-03-29 13:38:15 ~8 min ios 📱ipa 📲
✔️ 6b00bd1 #2 2023-03-29 13:38:38 ~8 min android-e2e 🤖apk 📲
f386ad6 #3 2023-03-29 14:05:06 ~3 min tests 📄log
✔️ f386ad6 #3 2023-03-29 14:10:37 ~9 min android 🤖apk 📲
✔️ f386ad6 #3 2023-03-29 14:10:49 ~9 min android-e2e 🤖apk 📲
✔️ f386ad6 #3 2023-03-29 14:11:42 ~10 min ios 📱ipa 📲
a3773c9 #4 2023-03-30 18:35:24 ~3 min tests 📄log
✔️ a3773c9 #4 2023-03-30 18:39:36 ~7 min android-e2e 🤖apk 📲
✔️ a3773c9 #4 2023-03-30 18:40:16 ~8 min android 🤖apk 📲
✔️ a3773c9 #4 2023-03-30 18:40:55 ~8 min ios 📱ipa 📲
3d1b070 #6 2023-03-31 04:42:02 ~3 min tests 📄log
✔️ 3d1b070 #6 2023-03-31 04:46:09 ~7 min android-e2e 🤖apk 📲
✔️ 3d1b070 #6 2023-03-31 04:46:48 ~8 min android 🤖apk 📲
✔️ 3d1b070 #6 2023-03-31 04:49:58 ~11 min ios 📱ipa 📲
9af527d #7 2023-03-31 05:23:43 ~3 min tests 📄log
✔️ 9af527d #7 2023-03-31 05:28:04 ~7 min android 🤖apk 📲
✔️ 9af527d #7 2023-03-31 05:28:12 ~7 min android-e2e 🤖apk 📲
✔️ 9af527d #7 2023-03-31 05:30:24 ~10 min ios 📱ipa 📲
4b26ca4 #8 2023-03-31 06:15:03 ~3 min tests 📄log
1b7a721 #9 2023-03-31 06:18:31 ~3 min tests 📄log
f539306 #10 2023-03-31 06:24:56 ~3 min tests 📄log
✔️ f539306 #10 2023-03-31 06:29:19 ~7 min ios 📱ipa 📲
✔️ f539306 #10 2023-03-31 06:29:31 ~7 min android-e2e 🤖apk 📲
✔️ f539306 #10 2023-03-31 06:30:04 ~8 min android 🤖apk 📲
ba112c2 #11 2023-03-31 06:44:29 ~3 min tests 📄log
✔️ ba112c2 #11 2023-03-31 06:48:06 ~7 min ios 📱ipa 📲
✔️ ba112c2 #11 2023-03-31 06:48:35 ~7 min android-e2e 🤖apk 📲
✔️ ba112c2 #11 2023-03-31 06:49:16 ~8 min android 🤖apk 📲
✔️ b84cb59 #12 2023-03-31 07:02:07 ~5 min tests 📄log
✔️ b84cb59 #12 2023-03-31 07:03:16 ~7 min ios 📱ipa 📲
✔️ b84cb59 #12 2023-03-31 07:05:01 ~8 min android-e2e 🤖apk 📲
✔️ b84cb59 #12 2023-03-31 07:05:24 ~9 min android 🤖apk 📲
✔️ bd5a5b1 #13 2023-03-31 07:41:22 ~5 min tests 📄log
✔️ bd5a5b1 #13 2023-03-31 07:43:29 ~7 min ios 📱ipa 📲
✔️ bd5a5b1 #13 2023-03-31 07:44:20 ~8 min android-e2e 🤖apk 📲
✔️ bd5a5b1 #13 2023-03-31 07:44:39 ~9 min android 🤖apk 📲
d0f81a5 #15 2023-03-31 08:00:31 ~3 min tests 📄log
✔️ d0f81a5 #15 2023-03-31 08:04:40 ~7 min ios 📱ipa 📲
✔️ d0f81a5 #15 2023-03-31 08:05:23 ~7 min android-e2e 🤖apk 📲
✔️ d0f81a5 #15 2023-03-31 08:05:25 ~8 min android 🤖apk 📲
d348938 #16 2023-03-31 08:21:01 ~3 min tests 📄log
✔️ 07d9e61 #18 2023-03-31 08:32:22 ~6 min tests 📄log
✔️ 07d9e61 #18 2023-03-31 08:33:17 ~7 min ios 📱ipa 📲
✔️ 07d9e61 #18 2023-03-31 08:34:09 ~8 min android 🤖apk 📲
✔️ 07d9e61 #18 2023-03-31 08:34:41 ~8 min android-e2e 🤖apk 📲
✔️ bfbc73b #19 2023-03-31 09:53:34 ~5 min tests 📄log
✔️ bfbc73b #19 2023-03-31 09:56:44 ~8 min android-e2e 🤖apk 📲
✔️ bfbc73b #19 2023-03-31 09:56:59 ~9 min android 🤖apk 📲
✔️ bfbc73b #19 2023-03-31 09:59:04 ~11 min ios 📱ipa 📲
✔️ 0975786 #22 2023-03-31 10:09:55 ~7 min tests 📄log
✔️ 0975786 #22 2023-03-31 10:10:36 ~7 min android-e2e 🤖apk 📲
✔️ 0975786 #22 2023-03-31 10:11:36 ~8 min ios 📱ipa 📲
✔️ 0975786 #22 2023-03-31 10:11:51 ~8 min android 🤖apk 📲
✔️ a87fc62 #23 2023-03-31 10:29:41 ~7 min tests 📄log
✔️ a87fc62 #23 2023-03-31 10:30:17 ~8 min ios 📱ipa 📲
✔️ a87fc62 #23 2023-03-31 10:30:26 ~8 min android-e2e 🤖apk 📲
✔️ a87fc62 #23 2023-03-31 10:30:31 ~8 min android 🤖apk 📲
✔️ e52e150 #24 2023-03-31 11:12:01 ~6 min tests 📄log
✔️ e52e150 #24 2023-03-31 11:14:15 ~8 min android-e2e 🤖apk 📲
✔️ e52e150 #24 2023-03-31 11:14:18 ~8 min android 🤖apk 📲
✔️ e52e150 #24 2023-03-31 11:18:25 ~12 min ios 📱ipa 📲
✔️ 7fa449a #25 2023-03-31 11:34:43 ~5 min tests 📄log
✔️ 7fa449a #25 2023-03-31 11:36:37 ~7 min android-e2e 🤖apk 📲
✔️ 7fa449a #25 2023-03-31 11:36:51 ~7 min android 🤖apk 📲
✔️ 7fa449a #25 2023-03-31 11:39:44 ~10 min ios 📱ipa 📲
✔️ 5111d2f #27 2023-04-03 05:40:35 ~6 min tests 📄log
✔️ 5111d2f #27 2023-04-03 05:41:40 ~7 min ios 📱ipa 📲
✔️ 5111d2f #27 2023-04-03 05:42:14 ~7 min android 🤖apk 📲
✔️ 5111d2f #27 2023-04-03 05:42:39 ~8 min android-e2e 🤖apk 📲
bcd8198 #28 2023-04-03 05:57:07 ~3 min tests 📄log
✔️ bcd8198 #28 2023-04-03 06:01:28 ~7 min ios 📱ipa 📲
✔️ bcd8198 #28 2023-04-03 06:02:47 ~8 min android-e2e 🤖apk 📲
✔️ bcd8198 #28 2023-04-03 06:03:06 ~9 min android 🤖apk 📲
7eb654b #29 2023-04-04 05:06:54 ~13 sec android-e2e 📄log
7eb654b #29 2023-04-04 05:06:54 ~13 sec tests 📄log
7eb654b #29 2023-04-04 05:06:55 ~14 sec android 📄log
7eb654b #29 2023-04-04 05:07:09 ~28 sec ios 📄log
fef2121 #30 2023-04-04 05:18:13 ~12 sec android-e2e 📄log
fef2121 #30 2023-04-04 05:18:16 ~11 sec tests 📄log
fef2121 #30 2023-04-04 05:18:16 ~11 sec android 📄log
fef2121 #30 2023-04-04 05:18:19 ~13 sec ios 📄log
273c3b0 #31 2023-04-04 06:07:24 ~12 sec tests 📄log
273c3b0 #31 2023-04-04 06:07:24 ~12 sec android 📄log
273c3b0 #31 2023-04-04 06:07:24 ~12 sec android-e2e 📄log
273c3b0 #31 2023-04-04 06:07:27 ~14 sec ios 📄log
c85f47d #32 2023-04-04 06:50:28 ~12 sec android-e2e 📄log
c85f47d #32 2023-04-04 06:50:29 ~12 sec android 📄log
c85f47d #32 2023-04-04 06:50:30 ~14 sec ios 📄log
c85f47d #32 2023-04-04 06:50:34 ~12 sec tests 📄log
8c7d057 #33 2023-04-04 06:57:22 ~11 sec tests 📄log
8c7d057 #33 2023-04-04 06:57:24 ~11 sec android-e2e 📄log
8c7d057 #33 2023-04-04 06:57:24 ~11 sec android 📄log
8c7d057 #33 2023-04-04 06:57:24 ~12 sec ios 📄log
✔️ fc677da #34 2023-04-04 07:04:18 ~5 min tests 📄log
✔️ fc677da #34 2023-04-04 07:05:05 ~6 min ios 📱ipa 📲
✔️ fc677da #34 2023-04-04 07:07:22 ~8 min android 🤖apk 📲
✔️ fc677da #34 2023-04-04 07:07:30 ~8 min android-e2e 🤖apk 📲
✔️ 9954eb8 #35 2023-04-04 13:35:15 ~7 min tests 📄log
✔️ 9954eb8 #35 2023-04-04 13:36:28 ~8 min android-e2e 🤖apk 📲
✔️ 9954eb8 #35 2023-04-04 13:37:25 ~9 min android 🤖apk 📲
9954eb8 #35 2023-04-04 13:38:45 ~10 min ios 📄log
✔️ 4dccaa2 #37 2023-04-04 13:54:09 ~7 min ios 📱ipa 📲
✔️ 4dccaa2 #37 2023-04-04 13:54:25 ~7 min tests 📄log
✔️ 4dccaa2 #37 2023-04-04 13:55:03 ~8 min android-e2e 🤖apk 📲
✔️ 4dccaa2 #37 2023-04-04 13:55:03 ~7 min android 🤖apk 📲
5196d3e #38 2023-04-06 05:56:28 ~3 min tests 📄log
✔️ 5196d3e #38 2023-04-06 06:00:58 ~7 min ios 📱ipa 📲
✔️ 5196d3e #38 2023-04-06 06:02:08 ~8 min android-e2e 🤖apk 📲
✔️ 5196d3e #38 2023-04-06 06:02:23 ~9 min android 🤖apk 📲
fa78c19 #39 2023-04-08 08:14:50 ~2 min tests 📄log
✔️ fa78c19 #39 2023-04-08 08:18:30 ~6 min ios 📱ipa 📲
✔️ fa78c19 #39 2023-04-08 08:23:03 ~11 min android-e2e 🤖apk 📲
✔️ fa78c19 #39 2023-04-08 08:23:17 ~11 min android 🤖apk 📲
✔️ cc2d1e7 #42 2023-04-08 11:09:36 ~7 min ios 📱ipa 📲
✔️ cc2d1e7 #42 2023-04-08 11:10:17 ~8 min android-e2e 🤖apk 📲
✔️ cc2d1e7 #42 2023-04-08 11:17:54 ~16 min android 🤖apk 📲
✔️ 278547e #43 2023-04-08 18:17:46 ~6 min tests 📄log
✔️ 278547e #43 2023-04-08 18:19:27 ~7 min ios 📱ipa 📲
✔️ 278547e #43 2023-04-08 18:20:19 ~8 min android-e2e 🤖apk 📲
✔️ 278547e #43 2023-04-08 18:20:35 ~9 min android 🤖apk 📲
✔️ ffa4412 #44 2023-04-11 13:28:53 ~6 min tests 📄log
✔️ ffa4412 #44 2023-04-11 13:30:41 ~7 min android 🤖apk 📲
✔️ ffa4412 #44 2023-04-11 13:31:16 ~8 min android-e2e 🤖apk 📲
✔️ ffa4412 #44 2023-04-11 13:32:32 ~9 min ios 📱ipa 📲
✔️ 95cb4fb #45 2023-04-12 12:23:32 ~5 min tests 📄log
✔️ 95cb4fb #45 2023-04-12 12:24:13 ~6 min android 🤖apk 📲
✔️ 95cb4fb #45 2023-04-12 12:24:14 ~6 min android-e2e 🤖apk 📲
✔️ 95cb4fb #45 2023-04-12 12:25:22 ~7 min ios 📱ipa 📲
Commit #️⃣ Finished (UTC) Duration Platform Result
caf53a2 #46 2023-04-20 11:00:15 ~15 sec android 📄log
caf53a2 #46 2023-04-20 11:00:15 ~15 sec android-e2e 📄log
caf53a2 #46 2023-04-20 11:00:28 ~23 sec tests 📄log
caf53a2 #46 2023-04-20 11:00:31 ~26 sec ios 📄log
92c5d3b #47 2023-04-20 11:08:36 ~11 sec android 📄log
92c5d3b #47 2023-04-20 11:08:39 ~10 sec ios 📄log
92c5d3b #47 2023-04-20 11:08:50 ~25 sec android-e2e 📄log
92c5d3b #47 2023-04-20 11:08:57 ~29 sec tests 📄log

@siddarthkay siddarthkay force-pushed the 13439-implement-share-in-shell branch from 8812845 to 3d1b070 Compare March 31, 2023 04:38
@siddarthkay siddarthkay changed the title [WIP] Share profile shell Share Tab (Shell Profile Only) Mar 31, 2023
@siddarthkay siddarthkay force-pushed the 13439-implement-share-in-shell branch 3 times, most recently from 324831b to 0975786 Compare March 31, 2023 10:02
@siddarthkay siddarthkay force-pushed the 13439-implement-share-in-shell branch from a87fc62 to e52e150 Compare March 31, 2023 11:05
src/quo2/components/qr_code/qr.cljs Outdated Show resolved Hide resolved
src/quo2/components/qr_code/qr.cljs Outdated Show resolved Hide resolved
src/status_im/ui/screens/popover/views.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/events.cljs Show resolved Hide resolved
(defn screen-container
[window-width top bottom]
{:flex 1
:width window-width
Copy link
Member

Choose a reason for hiding this comment

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

:width window-width why this needed?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

we need to set this in the event the container has no content, for example when you switch to wallet tab since there is no width the view looks like this if I remove this code :

Screenshot 2023-04-04 at 11 40 11 AM

Copy link
Contributor

Choose a reason for hiding this comment

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

seems this use of window-width is still here? this should be adjusted too if possible 👍

Copy link
Contributor Author

Choose a reason for hiding this comment

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

This is just for the wallet-tab at the moment, it will go away once that comes in

src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/quo2/components/qr_code/qr.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
src/status_im2/contexts/share/view.cljs Outdated Show resolved Hide resolved
Copy link
Contributor

@J-Son89 J-Son89 left a comment

Choose a reason for hiding this comment

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

aside from the open discussion looks good to me 👍

one other thing I noticed when I checked out your branch is that the background color is a solid color and in designs it should be a blurred overlay.. although perhaps this is beyond the scope of this pr? 🤔

@siddarthkay
Copy link
Contributor Author

background color is a solid color and in designs it should be a blurred overlay

It is a blurred overlay currently,

ref : https://github.com/status-im/status-mobile/pull/15528/files#diff-dc8d3223adba2ef598af84ebc78534df38654d4b5cb89ea6dd0990b6c40a56aeR6-R9

It may look like a solid background because of the dark starting screen, try checking the share view on some other screen, maybe messaging screen, it looks like this :

Simulator Screen Shot - iPhone 14 Pro - 2023-04-04 at 19 01 59

@flexsurfer
Copy link
Member

hey @siddarthkay i see its approved and tested, so it's not a draft?

@siddarthkay
Copy link
Contributor Author

its approved and tested, so it's not a draft

I found a critical issue and hence moved this PR to draft since it is work in progress.
Ref : #15528 (comment)

@flexsurfer flexsurfer changed the title Share Tab (Shell Profile Only) [WIP] Share Tab (Shell Profile Only) Apr 19, 2023
@siddarthkay
Copy link
Contributor Author

closing in favour of : #15782

@siddarthkay siddarthkay closed this May 1, 2023
@siddarthkay siddarthkay deleted the 13439-implement-share-in-shell branch August 23, 2024 09:06
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.

Implement Share tab in switcher
9 participants