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

Desktop two-pane UI with react-navigation v3 #8630

Merged
merged 1 commit into from Oct 2, 2019

Conversation

vkjr
Copy link
Contributor

@vkjr vkjr commented Jul 24, 2019

fixes #7399

Summary

This PR contains desktop mobile UI updated to work with react-navigation v3

Review notes

Testing notes

Suggestion is to test only mobile platforms.

Platforms

  • Android
  • iOS
  • macOS
  • Linux
  • Windows

Areas that maybe impacted

Functional
  • 1-1 chats
  • public chats
  • group chats
  • wallet / transactions
  • dapps / app browsing
  • account recovery
  • new account
  • user profile updates
  • networks
  • mailservers
  • fleet
  • bootnodes
Non-functional
  • battery performance
  • CPU performance / speed of the app
  • network consumption

Steps to test

  • Open Status
  • ...
  • Step 3, etc.

status: wip

@vkjr vkjr requested a review from a team as a code owner July 24, 2019 13:05
@vkjr vkjr self-assigned this Jul 24, 2019
@status-github-bot
Copy link

status-github-bot bot commented Jul 24, 2019

Pull Request Checklist

  • Have you updated the documentation, if impacted (e.g. docs.status.im)?

@status-github-bot status-github-bot bot added this to REVIEW in Pipeline for QA Jul 24, 2019
@status-im-auto
Copy link
Member

status-im-auto commented Jul 24, 2019

Jenkins Builds

Click to see older builds (204)
Commit #️⃣ Finished (UTC) Duration Platform Result
49ab714 #1 2019-07-24 13:06:21 ~28 sec android 📄log
49ab714 #1 2019-07-24 13:06:21 ~26 sec linux 📄log
49ab714 #1 2019-07-24 13:06:23 ~26 sec windows 📄log
49ab714 #1 2019-07-24 13:06:23 ~27 sec macos 📄log
49ab714 #1 2019-07-24 13:06:23 ~29 sec ios 📄log
✔️ 49ab714 #1 2019-07-24 13:23:53 ~18 min android-e2e 📦apk 📲
✔️ de94ae4 #2 2019-07-24 13:43:30 ~9 min android-e2e 📦apk 📲
✔️ de94ae4 #2 2019-07-24 13:45:07 ~10 min android 📦apk 📲
✔️ de94ae4 #2 2019-07-24 13:47:39 ~13 min linux 📦App
✔️ de94ae4 #2 2019-07-24 13:47:39 ~13 min ios 📦ipa 📲
✔️ de94ae4 #2 2019-07-24 13:49:43 ~15 min windows 📦exe
✔️ de94ae4 #2 2019-07-24 13:51:11 ~16 min macos 📦dmg
810db3a #3 2019-07-31 17:36:14 ~3 min ios 📄log
810db3a #3 2019-07-31 17:40:04 ~7 min android 📄log
✔️ 810db3a #3 2019-07-31 17:46:58 ~14 min android-e2e 📦apk 📲
810db3a #1 2019-08-02 13:12:31 ~3 min macos 📄log
810db3a #1 2019-08-02 13:13:01 ~3 min linux 📄log
a63eb40 #2 2019-08-02 13:17:06 ~4 min macos 📄log
a63eb40 #2 2019-08-02 13:17:29 ~4 min linux 📄log
a63eb40 #2 2019-08-02 13:17:31 ~4 min windows 📄log
a63eb40 #4 2019-08-02 13:18:20 ~5 min android 📄log
✔️ a63eb40 #4 2019-08-02 13:22:55 ~10 min android-e2e 📦apk 📲
0da5722 #3 2019-08-05 15:27:07 ~3 min windows 📄log
0da5722 #3 2019-08-05 15:28:25 ~4 min linux 📄log
0da5722 #3 2019-08-05 15:29:09 ~5 min macos 📄log
0da5722 #5 2019-08-05 15:29:20 ~5 min android 📄log
✔️ 0da5722 #5 2019-08-05 15:38:04 ~14 min android-e2e 📦apk 📲
e242b4d #6 2019-08-09 08:09:33 ~1 min android 📄log
c89b9ae #7 2019-08-09 08:30:30 ~11 min android 📄log
c89b9ae #7 2019-08-09 08:30:32 ~11 min android-e2e 📄log
✔️ d9926dc #8 2019-08-09 08:41:28 ~11 min android 📦apk 📲
✔️ d9926dc #8 2019-08-09 08:42:32 ~12 min android-e2e 📦apk 📲
d9926dc #1 2019-08-09 15:50:52 ~8 min macos 📄log
d9926dc #1 2019-08-09 15:53:30 ~11 min windows 📄log
d9926dc #1 2019-08-09 15:53:36 ~11 min linux 📄log
✔️ d9926dc #9 2019-08-09 16:05:19 ~12 min ios 📦ipa 📲
b2ca2db #10 2019-09-03 12:06:30 ~29 sec ios 📄log
b2ca2db #2 2019-09-03 12:06:32 ~30 sec linux 📄log
b2ca2db #2 2019-09-03 12:06:32 ~27 sec windows 📄log
b2ca2db #9 2019-09-03 12:06:32 ~32 sec android 📄log
b2ca2db #2 2019-09-03 12:06:32 ~29 sec macos 📄log
b2ca2db #9 2019-09-03 12:20:12 ~14 min android-e2e 📄log
✔️ 76a67af #10 2019-09-04 06:38:16 ~11 min android 📦apk 📲
76a67af #3 2019-09-04 06:39:37 ~12 min windows 📄log
76a67af #3 2019-09-04 06:40:12 ~13 min linux 📄log
76a67af #3 2019-09-04 06:40:13 ~13 min macos 📄log
✔️ 76a67af #11 2019-09-04 06:40:18 ~13 min ios 📦ipa 📲
✔️ 76a67af #10 2019-09-04 06:41:41 ~14 min android-e2e 📦apk 📲
09ac70c #4 2019-09-10 07:06:13 ~3 min windows 📄log
09ac70c #4 2019-09-10 07:06:13 ~3 min linux 📄log
09ac70c #4 2019-09-10 07:07:48 ~4 min macos 📄log
09ac70c #12 2019-09-10 07:12:40 ~9 min ios 📄log
09ac70c #11 2019-09-10 07:13:22 ~10 min android-e2e 📄log
09ac70c #11 2019-09-10 07:14:06 ~11 min android 📄log
c1702e0 #12 2019-09-11 10:17:10 ~9 min android 📄log
c1702e0 #13 2019-09-11 10:17:39 ~10 min ios 📄log
c1702e0 #12 2019-09-11 10:17:58 ~10 min android-e2e 📄log
c1702e0 #5 2019-09-11 10:18:02 ~10 min macos 📄log
c1702e0 #5 2019-09-11 10:20:02 ~12 min linux 📄log
c1702e0 #5 2019-09-11 10:20:46 ~13 min windows 📄log
0a1dfcc #14 2019-09-11 11:37:10 ~9 min ios 📄log
0a1dfcc #13 2019-09-11 11:38:16 ~10 min android 📄log
0a1dfcc #6 2019-09-11 11:38:26 ~10 min macos 📄log
0a1dfcc #13 2019-09-11 11:39:32 ~11 min android-e2e 📄log
0a1dfcc #6 2019-09-11 11:45:11 ~17 min linux 📄log
0a1dfcc #6 2019-09-11 11:45:40 ~17 min windows 📄log
7d4041c #15 2019-09-16 08:07:24 ~10 min ios 📄log
7d4041c #14 2019-09-16 08:08:29 ~12 min android 📄log
7d4041c #7 2019-09-16 08:08:44 ~12 min windows 📄log
7d4041c #14 2019-09-16 08:09:10 ~12 min android-e2e 📄log
7d4041c #7 2019-09-16 08:09:42 ~13 min linux 📄log
7d4041c #7 2019-09-16 08:12:10 ~15 min macos 📄log
69dc1f0 #8 2019-09-16 20:07:19 ~3 min windows 📄log
69dc1f0 #8 2019-09-16 20:07:30 ~3 min macos 📄log
69dc1f0 #8 2019-09-16 20:09:00 ~4 min linux 📄log
69dc1f0 #15 2019-09-16 20:11:31 ~7 min android 📄log
69dc1f0 #15 2019-09-16 20:11:33 ~7 min android-e2e 📄log
69dc1f0 #16 2019-09-16 20:12:56 ~8 min ios 📄log
ebbbb58 #9 2019-09-17 16:22:42 ~5 min windows 📄log
ebbbb58 #9 2019-09-17 16:22:50 ~5 min macos 📄log
ebbbb58 #9 2019-09-17 16:23:34 ~6 min linux 📄log
ebbbb58 #16 2019-09-17 16:24:00 ~6 min android-e2e 📄log
ebbbb58 #16 2019-09-17 16:24:34 ~7 min android 📄log
1480ce1 #17 2019-09-17 16:29:59 ~5 min android-e2e 📄log
1480ce1 #17 2019-09-17 16:30:03 ~5 min android 📄log
1480ce1 #10 2019-09-17 16:30:43 ~6 min macos 📄log
1480ce1 #10 2019-09-17 16:30:47 ~6 min linux 📄log
1480ce1 #18 2019-09-17 16:31:21 ~6 min ios 📄log
1480ce1 #10 2019-09-17 16:32:19 ~7 min windows 📄log
c6b9847 #11 2019-09-17 17:45:21 ~5 min windows 📄log
c6b9847 #11 2019-09-17 17:45:26 ~5 min macos 📄log
c6b9847 #11 2019-09-17 17:46:10 ~6 min linux 📄log
c6b9847 #18 2019-09-17 17:47:01 ~7 min android 📄log
c6b9847 #18 2019-09-17 17:47:21 ~7 min android-e2e 📄log
c6b9847 #19 2019-09-17 17:48:46 ~8 min ios 📄log
795381f #19 2019-09-17 18:25:08 ~8 min android 📄log
795381f #19 2019-09-17 18:25:16 ~8 min android-e2e 📄log
795381f #20 2019-09-17 18:27:17 ~10 min ios 📄log
795381f #12 2019-09-17 18:28:53 ~12 min windows 📄log
795381f #12 2019-09-17 18:29:15 ~12 min linux 📄log
795381f #12 2019-09-17 18:29:35 ~13 min macos 📄log
27e8ca8 #20 2019-09-18 09:06:21 ~9 min android-e2e 📄log
27e8ca8 #21 2019-09-18 09:07:22 ~10 min ios 📄log
27e8ca8 #13 2019-09-18 09:09:51 ~12 min macos 📄log
27e8ca8 #20 2019-09-18 09:10:39 ~13 min android 📄log
27e8ca8 #13 2019-09-18 09:15:12 ~18 min linux 📄log
27e8ca8 #13 2019-09-18 09:16:58 ~20 min windows 📄log
7950575 #21 2019-09-18 09:46:33 ~8 min android-e2e 📄log
7950575 #21 2019-09-18 09:49:00 ~11 min android 📄log
✔️ 7950575 #14 2019-09-18 09:53:20 ~15 min linux 📦App
✔️ 7950575 #14 2019-09-18 09:53:50 ~15 min windows 📦exe
✔️ bc65c23 #23 2019-09-18 09:51:06 ~8 min ios 📦ipa 📲
bc65c23 #15 2019-09-18 09:55:22 ~12 min macos 📄log
bc65c23 #22 2019-09-18 10:03:32 ~21 min android 📄log
bc65c23 #22 2019-09-18 10:03:59 ~21 min android-e2e 📄log
✔️ bc65c23 #15 2019-09-18 10:07:44 ~25 min linux 📦App
✔️ bc65c23 #15 2019-09-18 10:10:38 ~28 min windows 📦exe
bc65c23 #16 2019-09-18 12:43:17 ~10 min macos 📄log
e99e207 #24 2019-09-23 11:00:30 ~21 sec ios 📄log
e99e207 #17 2019-09-23 11:00:54 ~43 sec macos 📄log
e99e207 #23 2019-09-23 11:18:15 ~18 min android 📄log
e99e207 #16 2019-09-23 11:18:38 ~18 min linux 📄log
e99e207 #16 2019-09-23 11:18:51 ~18 min windows 📄log
e99e207 #23 2019-09-23 11:25:55 ~25 min android-e2e 📄log
dd44d9d #24 2019-09-23 14:32:11 ~19 sec android 📄log
dd44d9d #17 2019-09-23 14:32:12 ~18 sec linux 📄log
dd44d9d #17 2019-09-23 14:32:16 ~20 sec windows 📄log
dd44d9d #25 2019-09-23 14:32:16 ~23 sec ios 📄log
dd44d9d #18 2019-09-23 14:32:18 ~22 sec macos 📄log
dd44d9d #24 2019-09-23 14:40:37 ~8 min android-e2e 📄log
a549e37 #18 2019-09-24 08:53:41 ~26 sec linux 📄log
a549e37 #26 2019-09-24 08:53:42 ~27 sec ios 📄log
a549e37 #25 2019-09-24 08:53:43 ~30 sec android 📄log
a549e37 #19 2019-09-24 08:53:43 ~26 sec macos 📄log
a549e37 #18 2019-09-24 08:53:54 ~36 sec windows 📄log
a549e37 #25 2019-09-24 09:03:27 ~10 min android-e2e 📄log
6a781e9 #26 2019-09-24 10:22:07 ~31 sec android 📄log
6a781e9 #27 2019-09-24 10:22:07 ~30 sec ios 📄log
6a781e9 #19 2019-09-24 10:22:09 ~29 sec windows 📄log
6a781e9 #20 2019-09-24 10:22:09 ~30 sec macos 📄log
6a781e9 #19 2019-09-24 10:22:11 ~33 sec linux 📄log
6a781e9 #26 2019-09-24 10:29:35 ~8 min android-e2e 📄log
748f1c8 #27 2019-09-25 07:15:55 ~25 sec android 📄log
748f1c8 #20 2019-09-25 07:15:55 ~21 sec windows 📄log
748f1c8 #28 2019-09-25 07:15:55 ~24 sec ios 📄log
748f1c8 #21 2019-09-25 07:15:55 ~22 sec macos 📄log
748f1c8 #20 2019-09-25 07:15:55 ~23 sec linux 📄log
d111b0d #28 2019-09-25 07:29:18 ~9 min android-e2e 📄log
d111b0d #28 2019-09-25 07:29:22 ~9 min android 📄log
✔️ d111b0d #29 2019-09-25 07:29:34 ~9 min ios 📦ipa 📲
d111b0d #22 2019-09-25 07:32:24 ~12 min macos 📄log
✔️ d111b0d #21 2019-09-25 07:34:05 ~13 min linux 📦App
✔️ d111b0d #21 2019-09-25 07:35:58 ~15 min windows 📦exe
39d1a7f #29 2019-09-25 13:33:53 ~9 min android-e2e 📄log
✔️ 39d1a7f #30 2019-09-25 13:33:56 ~9 min ios 📦ipa 📲
39d1a7f #29 2019-09-25 13:35:30 ~11 min android 📄log
39d1a7f #23 2019-09-25 13:37:01 ~12 min macos 📄log
✔️ 39d1a7f #22 2019-09-25 13:40:45 ~16 min linux 📦App
✔️ 39d1a7f #22 2019-09-25 13:48:22 ~24 min windows 📦exe
✔️ 69e2e27 #31 2019-09-26 13:53:16 ~13 min ios 📦ipa 📲
✔️ 69e2e27 #30 2019-09-26 13:53:49 ~14 min android-e2e 📦apk 📲
✔️ 69e2e27 #23 2019-09-26 13:54:11 ~14 min linux 📦App
✔️ 69e2e27 #23 2019-09-26 13:54:33 ~15 min windows 📦exe
69e2e27 #24 2019-09-26 13:54:52 ~15 min macos 📄log
✔️ 69e2e27 #30 2019-09-26 14:00:59 ~21 min android 📦apk 📲
✔️ fcb4c15 #32 2019-09-27 09:01:35 ~9 min ios 📦ipa 📲
fcb4c15 #25 2019-09-27 09:03:26 ~11 min macos 📄log
✔️ fcb4c15 #24 2019-09-27 09:04:43 ~13 min linux 📦App
✔️ fcb4c15 #31 2019-09-27 09:05:30 ~13 min android-e2e 📦apk 📲
✔️ fcb4c15 #31 2019-09-27 09:05:36 ~13 min android 📦apk 📲
✔️ fcb4c15 #24 2019-09-27 09:06:56 ~15 min windows 📦exe
fcb4c15 #26 2019-09-28 10:24:14 ~12 min macos 📄log
✔️ 47b21d1 #33 2019-09-29 16:49:35 ~11 min ios 📦ipa 📲
✔️ 47b21d1 #25 2019-09-29 16:50:36 ~12 min windows 📦exe
✔️ 47b21d1 #27 2019-09-29 16:51:15 ~13 min macos 📦dmg
✔️ 47b21d1 #32 2019-09-29 16:51:43 ~13 min android 📦apk 📲
✔️ 47b21d1 #25 2019-09-29 16:53:24 ~15 min linux 📦App
✔️ 47b21d1 #32 2019-09-29 16:53:57 ~15 min android-e2e 📦apk 📲
✔️ c05627e #34 2019-09-30 09:18:33 ~15 min ios 📦ipa 📲
✔️ c05627e #28 2019-09-30 09:21:02 ~17 min macos 📦dmg
✔️ c05627e #33 2019-09-30 09:23:31 ~20 min android 📦apk 📲
✔️ c05627e #33 2019-09-30 09:23:48 ~20 min android-e2e 📦apk 📲
✔️ c05627e #26 2019-09-30 09:27:18 ~23 min windows 📦exe
✔️ c05627e #26 2019-09-30 09:30:15 ~26 min linux 📦App
b3e298b #35 2019-09-30 17:09:16 ~38 min ios 📄log
✔️ b3e298b #29 2019-09-30 17:11:45 ~40 min macos 📦dmg
b3e298b #34 2019-09-30 17:12:56 ~42 min android 📄log
✔️ b3e298b #34 2019-09-30 17:13:18 ~42 min android-e2e 📦apk 📲
✔️ b3e298b #27 2019-09-30 17:13:55 ~43 min linux 📦App
✔️ b3e298b #27 2019-09-30 17:15:00 ~44 min windows 📦exe
2fee8b9 #28 2019-10-01 15:41:39 ~3 min linux 📄log
2fee8b9 #30 2019-10-01 15:41:46 ~3 min macos 📄log
2fee8b9 #28 2019-10-01 15:42:03 ~3 min windows 📄log
✔️ 2fee8b9 #36 2019-10-01 15:49:07 ~10 min ios 📦ipa 📲
2fee8b9 #35 2019-10-01 15:52:45 ~14 min android 📄log
✔️ 2fee8b9 #35 2019-10-01 15:52:45 ~14 min android-e2e 📦apk 📲
785358c #36 2019-10-01 17:25:53 ~26 sec android 📄log
785358c #29 2019-10-01 17:25:54 ~24 sec windows 📄log
785358c #29 2019-10-01 17:25:55 ~26 sec linux 📄log
785358c #37 2019-10-01 17:25:55 ~27 sec ios 📄log
785358c #31 2019-10-01 17:25:55 ~25 sec macos 📄log
070e8a1 #30 2019-10-01 17:39:18 ~2 min linux 📄log
070e8a1 #32 2019-10-01 17:39:32 ~3 min macos 📄log
070e8a1 #30 2019-10-01 17:39:37 ~3 min windows 📄log
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 8950ccd #39 2019-10-01 17:51:30 ~8 min ios 📦ipa 📲
✔️ e1e91f8 #40 2019-10-01 18:02:18 ~9 min ios 📦ipa 📲
✔️ e1e91f8 #39 2019-10-01 18:04:15 ~11 min android 📦apk 📲
✔️ e1e91f8 #39 2019-10-01 18:05:07 ~12 min android-e2e 📦apk 📲
✔️ e1e91f8 #34 2019-10-01 18:06:22 ~13 min macos 📦dmg
✔️ e1e91f8 #32 2019-10-01 18:08:17 ~15 min linux 📦App
✔️ e1e91f8 #32 2019-10-01 18:08:35 ~15 min windows 📦exe

@status-github-bot status-github-bot bot moved this from REVIEW to CONTRIBUTOR in Pipeline for QA Jul 24, 2019
@vkjr vkjr force-pushed the feature/2_pane_ui_on_desktop branch from 49ab714 to de94ae4 Compare July 24, 2019 13:34
@vkjr
Copy link
Contributor Author

vkjr commented Jul 25, 2019

@annadanchenko, desktop builds in this PR has mobile 2-pane UI working. Can we make a full testing to find all issues that need to be merged before fixing?
So far I see couple:

  • Text input in chat gains focus only when clicked in the leftmost part of area.
  • Window that opens after click on "share my profile" has broken layout

@hesterbruikman
Copy link
Contributor

hesterbruikman commented Jul 29, 2019

Took the UI for a testrun.

Device

  • Windows 10
  • 15.6”
  • 1920x1080 (16:9)

Some quick observations:

  • When opening a new public channel via [+]-button, it's not added to left pane.
  • Left pane content might need some scaling down, most channel names become unreadible and all start with Status
  • Bottom nav icons might need some scaling up. They are tiny on desktop
  • [Select a chat to start messaging should be grey (#939BA1) as it is a hint text, blue is reserved for buttons/links
  • Repositioning the cursor on the text entry box in chat is not responsive
  • I thought on desktop UI the bttom nav wass intended to be positioned at the bottom of the left pane. Spreading accross the whole bottom only on tablet sizes. @errorists can you confirm?
  • [+]-button menu should come up as an overlay or have some shadow at the top
  • Notifications probably needs to trigger an OS settings menu
  • The icons on the Settings list items (i.e. [>] and [switch] are too far on the right. Especially in [Devices] the switch gets cut off.

IMO this UI is more suitable on a tablet device. Will give it try on 10.1" touch 1920 x 1200 next.

@vkjr
Copy link
Contributor Author

vkjr commented Jul 29, 2019

@hesterbruikman, thanks for checking! yes, this UI now is purely mobile, without customization for desktop. I'd be glad if we can merge it in develop after solving technical issues (like Text input in chat) and leave UI notes to be fixed later in a separate PRs. Wdyt, would it be ok?

@hesterbruikman
Copy link
Contributor

@hesterbruikman, thanks for checking! yes, this UI now is purely mobile, without customization for desktop. I'd be glad if we can merge it in develop after solving technical issues (like Text input in chat) and leave UI notes to be fixed later in a separate PRs. Wdyt, would it be ok?

Sure! Let me know where to best capture issues for future PR's.

@vkjr
Copy link
Contributor Author

vkjr commented Jul 29, 2019

I think they can be created right here, on github. Maybe new label would be convenient, something like desktop-mobile, to not interefere with current desktop label which is about old ui.

@hesterbruikman
Copy link
Contributor

hesterbruikman commented Jul 29, 2019

I think they can be created right here, on github. Maybe new label would be convenient, something like desktop-mobile, to not interefere with current desktop label which is about old ui.

Thanks @vkjr! See here a list by myself and @errorists. Please check in if anything needs clarification!

@vkjr
Copy link
Contributor Author

vkjr commented Jul 29, 2019

Thanks!

@jakubgs
Copy link
Member

jakubgs commented Jul 29, 2019

@vkjr

Maybe new label would be convenient, something like desktop-mobile, to not interefere with current desktop label which is about old ui.

Labels can be renamed here:
https://github.com/status-im/status-react/labels?utf8=%E2%9C%93&q=desktop
Just click the Edit button. We could rename desktop to desktop-old, and your current desktop-mobile to desktop-new for clarity.

@flexsurfer
Copy link
Member

@vkjr well done, love it so far on mac! :) for some reason it works faster and UI more responsive

@errorists
Copy link
Contributor

@flexsurfer r u sure? Weird, myself and some other folks have the exact opposite experience, that it’s more laggy. Maybe there’s some variable in play like Mac OS version or config, dunno.

@flexsurfer
Copy link
Member

switching between chats and scrolling messages much faster, dunno, maybe you need pro mac for that :D

@flexsurfer
Copy link
Member

yes after some time it gets slower and slower and more buggy :(

@vkjr vkjr requested a review from jakubgs as a code owner July 31, 2019 17:32
@dependency-lockfile-snitch
Copy link

desktop_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

@dependency-lockfile-snitch
Copy link

desktop_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

@annadanchenko
Copy link

@vkjr would you mind to fix issues with builds, please?
@churik will you have time to test 2-pane UI PR soon?

@churik
Copy link
Member

churik commented Aug 8, 2019

@annadanchenko Yes, I have, but it is still WIP - so not sure what exactly should be fixed from #7551 and what areas should work for now (i.e. chats only or chats + wallet + browser) and what platforms I can test.
Would be nice to have this info before testing.

@vkjr vkjr force-pushed the feature/2_pane_ui_on_desktop branch from 0da5722 to e242b4d Compare August 9, 2019 08:07
@dependency-lockfile-snitch
Copy link

desktop_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

@vkjr
Copy link
Contributor Author

vkjr commented Aug 9, 2019

@churik, @annadanchenko, I don't know what was a problem with building last commits, I think it is something with a build system, not the code.
Currently, I'm adding necessary functionality on react-native-desktop side. And today is my last day before long (3 weeks) vacation.
So I think for now let this PR stay WIP. It doesn't contain important cljs code, most changes are on react-native-desktop side, so it is not crucial to be committed.
But anyway it would be nice to have it tested from a functional point of view. To do this you can use first successful builds because the latest commits don't affect functionality a lot.

@vkjr vkjr force-pushed the feature/2_pane_ui_on_desktop branch from e242b4d to c89b9ae Compare August 9, 2019 08:19
@dependency-lockfile-snitch
Copy link

desktop/js_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

@vkjr vkjr force-pushed the feature/2_pane_ui_on_desktop branch from 8950ccd to e1e91f8 Compare October 1, 2019 17:52
@dependency-lockfile-snitch
Copy link

desktop/js_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

@vkjr
Copy link
Contributor Author

vkjr commented Oct 1, 2019

@yenda, @pombeirp, I synced react-native-status for desktop with mobile version. Couple keycard-related functions are commented out for now, because there is an issue in status-go. But that shouldn't block merge.

@vkjr vkjr dismissed yenda’s stale review October 1, 2019 17:58

Comments are fixed but @yenda is on vacation

@vkjr vkjr moved this from CONTRIBUTOR to E2E Tests in Pipeline for QA Oct 1, 2019
@vkjr vkjr moved this from E2E Tests to TO TEST in Pipeline for QA Oct 1, 2019
@vkjr vkjr moved this from TO TEST to E2E Tests in Pipeline for QA Oct 1, 2019
@statustestbot
Copy link

85% of end-end tests have passed

Total executed tests: 47
Failed tests: 7
Passed tests: 40

Failed tests (7)

Click to expand
1. test_send_transaction_from_daap

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Balance is not changed during 360 seconds, funds were not received!

Device sessions

2. test_deploy_contract_from_daap

Device 1: Tap on OkButton
Device 1: Looking for an element by text: 'Contract deployed at: '

Contract was not created

Device sessions

3. test_logcat_send_transaction_from_daap

Device 1: Tap on AllowButton
Device 1: Tap on AssetsButton

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

Device sessions

4. test_send_token_with_7_decimals

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.0688031 is not found in list of transactions, address is f184747445c3B85CEb147DfB136067CB93d95F1D

Device sessions

5. test_modify_transaction_fee_values

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.001182857 is not found in list of transactions, address is b92496fffd668c2de08694623303456aa98cdf33

Device sessions

6. test_send_eth_from_wallet_to_address

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.001181531 is not found in list of transactions, address is 9164f86170290ba3080e37d19d1953d3c5945913

Device sessions

7. test_send_stt_from_wallet

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.00118304 is not found in list of transactions, address is f184747445c3B85CEb147DfB136067CB93d95F1D

Device sessions

Passed tests (40)

Click to expand
1. test_block_user_from_public_chat
Device sessions

2. test_filters_from_daap
Device sessions

3. test_copy_and_paste_messages
Device sessions

4. test_open_transaction_on_etherscan
Device sessions

5. test_public_chat_messaging
Device sessions

6. test_long_press_to_delete_1_1_chat
Device sessions

7. test_password_in_logcat_sign_in
Device sessions

8. test_text_message_1_1_chat
Device sessions

9. test_add_to_contacts
Device sessions

10. test_sign_typed_message
Device sessions

11. test_unread_messages_counter_1_1_chat
Device sessions

12. test_ens_in_public_chat
Device sessions

13. test_send_message_in_group_chat
Device sessions

14. test_logcat_send_transaction_from_wallet
Device sessions

15. test_offline_messaging_1_1_chat
Device sessions

16. test_add_account_to_multiaccount_instance
Device sessions

17. test_manage_assets
Device sessions

18. test_long_press_to_delete_public_chat
Device sessions

19. test_send_emoji
Device sessions

20. test_search_chat_on_home
Device sessions

21. test_logcat_recovering_account
Device sessions

22. test_can_add_existing_ens
Device sessions

23. test_messaging_in_different_networks
Device sessions

24. test_logcat_backup_recovery_phrase
Device sessions

25. test_logcat_sign_message_from_daap
Device sessions

26. test_switch_users_and_add_new_account
Device sessions

27. test_login_with_new_account
Device sessions

28. test_start_chat_with_ens
Device sessions

29. test_add_contact_from_public_chat
Device sessions

30. test_send_two_transactions_one_after_another_in_dapp
Device sessions

31. test_password_in_logcat_creating_account
Device sessions

32. test_backup_recovery_phrase
Device sessions

33. test_offline_status
Device sessions

34. test_open_google_com_via_open_dapp
Device sessions

35. test_unread_messages_counter_public_chat
Device sessions

36. test_sign_message_from_daap
Device sessions

37. test_user_can_remove_profile_picture
Device sessions

38. test_share_contact_code_and_wallet_address
Device sessions

39. test_refresh_button_browsing_app_webview
Device sessions

40. test_backup_recovery_phrase_warning_from_wallet
Device sessions

@statustestbot
Copy link

89% of end-end tests have passed

Total executed tests: 47
Failed tests: 5
Passed tests: 42

Failed tests (5)

Click to expand
1. test_send_transaction_from_daap

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Balance is not changed during 360 seconds, funds were not received!

Device sessions

2. test_send_token_with_7_decimals

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.0131201 is not found in list of transactions, address is f184747445c3B85CEb147DfB136067CB93d95F1D

Device sessions

3. test_modify_transaction_fee_values

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.00119519 is not found in list of transactions, address is b92496fffd668c2de08694623303456aa98cdf33

Device sessions

4. test_send_eth_from_wallet_to_address

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.00118502 is not found in list of transactions, address is 9164f86170290ba3080e37d19d1953d3c5945913

Device sessions

5. test_send_stt_from_wallet

Device 1: Wait for OkButton
Device 1: Tap on OkButton

Transaction with amount 0.0011961 is not found in list of transactions, address is f184747445c3B85CEb147DfB136067CB93d95F1D

Device sessions

Passed tests (42)

Click to expand
1. test_block_user_from_public_chat
Device sessions

2. test_filters_from_daap
Device sessions

3. test_copy_and_paste_messages
Device sessions

4. test_deploy_contract_from_daap
Device sessions

5. test_open_transaction_on_etherscan
Device sessions

6. test_public_chat_messaging
Device sessions

7. test_long_press_to_delete_1_1_chat
Device sessions

8. test_password_in_logcat_sign_in
Device sessions

9. test_text_message_1_1_chat
Device sessions

10. test_add_to_contacts
Device sessions

11. test_sign_typed_message
Device sessions

12. test_unread_messages_counter_1_1_chat
Device sessions

13. test_ens_in_public_chat
Device sessions

14. test_logcat_send_transaction_from_daap
Device sessions

15. test_send_message_in_group_chat
Device sessions

16. test_logcat_send_transaction_from_wallet
Device sessions

17. test_offline_messaging_1_1_chat
Device sessions

18. test_add_account_to_multiaccount_instance
Device sessions

19. test_manage_assets
Device sessions

20. test_long_press_to_delete_public_chat
Device sessions

21. test_send_emoji
Device sessions

22. test_search_chat_on_home
Device sessions

23. test_logcat_recovering_account
Device sessions

24. test_can_add_existing_ens
Device sessions

25. test_messaging_in_different_networks
Device sessions

26. test_logcat_backup_recovery_phrase
Device sessions

27. test_logcat_sign_message_from_daap
Device sessions

28. test_switch_users_and_add_new_account
Device sessions

29. test_login_with_new_account
Device sessions

30. test_start_chat_with_ens
Device sessions

31. test_add_contact_from_public_chat
Device sessions

32. test_send_two_transactions_one_after_another_in_dapp
Device sessions

33. test_password_in_logcat_creating_account
Device sessions

34. test_backup_recovery_phrase
Device sessions

35. test_offline_status
Device sessions

36. test_open_google_com_via_open_dapp
Device sessions

37. test_unread_messages_counter_public_chat
Device sessions

38. test_sign_message_from_daap
Device sessions

39. test_user_can_remove_profile_picture
Device sessions

40. test_share_contact_code_and_wallet_address
Device sessions

41. test_refresh_button_browsing_app_webview
Device sessions

42. test_backup_recovery_phrase_warning_from_wallet
Device sessions

@vkjr
Copy link
Contributor Author

vkjr commented Oct 1, 2019

@flexsurfer, @churik, @pombeirp, all failed e2e tests are the same as in other merged pr. I suggest to merge this PR, wdyt?

@@ -83,6 +83,11 @@
{:height tabs-height
:align-self :stretch
:ios {:background-color :white
:shadow-radius 4
Copy link
Member

Choose a reason for hiding this comment

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

why this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

There is no change in ios style here, I just added a copy of this style for desktop (if I correctly understood your question). Changes highlighted incorrectly in github.

@@ -89,7 +89,6 @@
:auto-capitalize :sentences}
(when cooldown-enabled?
{:placeholder (i18n/label :cooldown/text-input-disabled)}))]))
;)
Copy link
Member

Choose a reason for hiding this comment

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

?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I removed commented out brace because it is leftover and it shouldn't be there.

Signed-off-by: Volodymyr Kozieiev <vkjr.sp@gmail.com>
@vkjr vkjr force-pushed the feature/2_pane_ui_on_desktop branch from e1e91f8 to ace4b5a Compare October 2, 2019 07:20
@dependency-lockfile-snitch
Copy link

desktop/js_files/yarn.lock changed. Pinging @jakubgs, @pombeirp, and @corpetty

@vkjr vkjr merged commit ace4b5a into develop Oct 2, 2019
Pipeline for QA automation moved this from E2E Tests to DONE Oct 2, 2019
@delete-merged-branch delete-merged-branch bot deleted the feature/2_pane_ui_on_desktop branch October 2, 2019 07:20
@churik
Copy link
Member

churik commented Oct 2, 2019

@vkjr
I suppose this enables two-pane UIs, which can be used instead of current desktop.
Did you test it (at least chat functionality)?

@vkjr
Copy link
Contributor Author

vkjr commented Oct 2, 2019

@churik, yes, I used it locally for chatting

@vkjr
Copy link
Contributor Author

vkjr commented Oct 2, 2019

Merged this after discussion with @flexsurfer. All fixes will be made in a separate PRs.

@churik
Copy link
Member

churik commented Oct 2, 2019

For now we should describe briefly what was tested and on what platforms (after changing QA process).
Do you have issues created in GH, that should be addressed separately?

@vkjr
Copy link
Contributor Author

vkjr commented Oct 2, 2019

@churik, ok, will do next time. For this PR on mac I tested that account can be restored, I can join public chat or private conversation, send and receive messages.

Bunch of issues created here - #8661
I know few more, will create github issues today.

@dependency-lockfile-snitch
Copy link

desktop/js_files/yarn.lock changed. Pinging @jakubgs and @corpetty

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

Successfully merging this pull request may close these issues.

Use same UI and navigation on desktop and mobile