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

feat: implement account list item component #17303

Merged
merged 1 commit into from
Sep 28, 2023

Conversation

briansztamfater
Copy link
Member

@briansztamfater briansztamfater commented Sep 15, 2023

fixes #17301

Summary

Implement Account List Item component

Screenshots

Platforms

  • Android
  • iOS

Steps to test

  • Open Status
  • Open Quo2 previes
  • Select List Items > Account
  • Verify correct design and behavior of the component

status: ready

@briansztamfater briansztamfater changed the title feat: implement account list item component [WIP] feat: implement account list item component Sep 15, 2023
@briansztamfater briansztamfater marked this pull request as draft September 15, 2023 18:50
@briansztamfater briansztamfater self-assigned this Sep 15, 2023
@briansztamfater briansztamfater added the feature feature requests label Sep 15, 2023
@status-im-auto
Copy link
Member

status-im-auto commented Sep 15, 2023

Jenkins Builds

Click to see older builds (73)
Commit #️⃣ Finished (UTC) Duration Platform Result
e1d0940 #1 2023-09-15 18:53:29 ~2 min tests 📄log
✔️ e1d0940 #1 2023-09-15 18:56:26 ~5 min android 🤖apk 📲
✔️ e1d0940 #1 2023-09-15 18:56:30 ~5 min android-e2e 🤖apk 📲
e1d0940 #2 2023-09-15 19:07:17 ~1 min ios 📄log
d972aa1 #3 2023-09-15 22:03:13 ~1 min ios 📄log
d972aa1 #2 2023-09-15 22:04:13 ~2 min tests 📄log
✔️ d972aa1 #2 2023-09-15 22:07:10 ~5 min android 🤖apk 📲
✔️ d972aa1 #2 2023-09-15 22:07:14 ~5 min android-e2e 🤖apk 📲
a159206 #3 2023-09-18 19:21:22 ~2 min tests 📄log
✔️ a159206 #3 2023-09-18 19:24:50 ~6 min android-e2e 🤖apk 📲
✔️ a159206 #3 2023-09-18 19:25:05 ~6 min android 🤖apk 📲
✔️ a159206 #4 2023-09-18 19:25:09 ~6 min ios 📱ipa 📲
✔️ f3d0fab #5 2023-09-19 20:42:16 ~6 min android 🤖apk 📲
✔️ f3d0fab #5 2023-09-19 20:42:24 ~6 min android-e2e 🤖apk 📲
✔️ f3d0fab #6 2023-09-19 20:43:21 ~7 min ios 📱ipa 📲
✔️ f3d0fab #5 2023-09-19 20:45:14 ~9 min tests 📄log
✔️ f0144d6 #6 2023-09-22 04:07:43 ~5 min android-e2e 🤖apk 📲
✔️ f0144d6 #7 2023-09-22 04:08:46 ~6 min ios 📱ipa 📲
✔️ f0144d6 #6 2023-09-22 04:12:01 ~9 min android 🤖apk 📲
✔️ f0144d6 #6 2023-09-22 04:12:14 ~10 min tests 📄log
✔️ 9ef1572 #7 2023-09-22 14:06:35 ~6 min android-e2e 🤖apk 📲
✔️ 9ef1572 #7 2023-09-22 14:06:41 ~6 min android 🤖apk 📲
✔️ 9ef1572 #8 2023-09-22 14:06:55 ~6 min ios 📱ipa 📲
9ef1572 #7 2023-09-22 14:09:21 ~8 min tests 📄log
✔️ 138f764 #9 2023-09-22 14:26:12 ~5 min android-e2e 🤖apk 📲
✔️ 138f764 #9 2023-09-22 14:26:13 ~5 min android 🤖apk 📲
✔️ 138f764 #10 2023-09-22 14:27:17 ~6 min ios 📱ipa 📲
138f764 #9 2023-09-22 14:29:14 ~8 min tests 📄log
✔️ c2f7d84 #10 2023-09-22 15:09:04 ~5 min android-e2e 🤖apk 📲
✔️ 0f6294b #11 2023-09-22 15:15:08 ~5 min android-e2e 🤖apk 📲
✔️ 0f6294b #12 2023-09-22 15:15:41 ~6 min ios 📱ipa 📲
✔️ 0f6294b #11 2023-09-22 15:18:50 ~9 min android 🤖apk 📲
✔️ 0f6294b #11 2023-09-22 15:19:12 ~9 min tests 📄log
✔️ c7e3aa4 #12 2023-09-22 15:30:06 ~6 min android 🤖apk 📲
✔️ c7e3aa4 #13 2023-09-22 15:30:31 ~6 min ios 📱ipa 📲
✔️ c7e3aa4 #12 2023-09-22 15:33:05 ~9 min tests 📄log
✔️ c7e3aa4 #12 2023-09-22 15:33:15 ~9 min android-e2e 🤖apk 📲
✔️ 4a7792d #14 2023-09-22 22:19:27 ~6 min ios 📱ipa 📲
✔️ 4a7792d #13 2023-09-22 22:22:42 ~9 min android 🤖apk 📲
✔️ 4a7792d #13 2023-09-22 22:22:55 ~9 min android-e2e 🤖apk 📲
✔️ 4a7792d #13 2023-09-22 22:23:18 ~10 min tests 📄log
✔️ a934ff7 #15 2023-09-23 00:35:48 ~6 min ios 📱ipa 📲
✔️ a934ff7 #14 2023-09-23 00:39:10 ~9 min android-e2e 🤖apk 📲
✔️ a934ff7 #14 2023-09-23 00:39:25 ~9 min android 🤖apk 📲
✔️ a934ff7 #14 2023-09-23 00:39:56 ~10 min tests 📄log
✔️ 2aa7222 #15 2023-09-26 05:04:17 ~5 min android-e2e 🤖apk 📲
✔️ 2aa7222 #16 2023-09-26 05:04:53 ~6 min ios 📱ipa 📲
✔️ 2aa7222 #15 2023-09-26 05:06:33 ~7 min android 🤖apk 📲
2aa7222 #15 2023-09-26 05:07:56 ~9 min tests 📄log
53cd45a #17 2023-09-26 16:02:09 ~2 min tests 📄log
✔️ 53cd45a #17 2023-09-26 16:05:22 ~5 min android 🤖apk 📲
✔️ 53cd45a #18 2023-09-26 16:05:46 ~6 min ios 📱ipa 📲
✔️ 53cd45a #17 2023-09-26 16:05:48 ~6 min android-e2e 🤖apk 📲
✔️ cdc4b05 #18 2023-09-26 16:14:19 ~5 min android-e2e 🤖apk 📲
✔️ cdc4b05 #19 2023-09-26 16:15:00 ~6 min ios 📱ipa 📲
✔️ cdc4b05 #18 2023-09-26 16:16:07 ~7 min android 🤖apk 📲
✔️ cdc4b05 #18 2023-09-26 16:18:29 ~9 min tests 📄log
✔️ ad741d3 #19 2023-09-26 21:04:03 ~5 min android-e2e 🤖apk 📲
✔️ ad741d3 #20 2023-09-26 21:04:49 ~6 min ios 📱ipa 📲
✔️ ad741d3 #19 2023-09-26 21:06:38 ~7 min android 🤖apk 📲
ad741d3 #19 2023-09-26 21:08:02 ~9 min tests 📄log
✔️ 8194150 #20 2023-09-26 21:14:15 ~5 min android-e2e 🤖apk 📲
✔️ 8194150 #21 2023-09-26 21:14:43 ~5 min ios 📱ipa 📲
✔️ 8194150 #20 2023-09-26 21:18:01 ~9 min android 🤖apk 📲
✔️ 8194150 #20 2023-09-26 21:18:30 ~9 min tests 📄log
082553b #21 2023-09-27 15:40:40 ~2 min tests 📄log
✔️ 082553b #21 2023-09-27 15:43:41 ~5 min android 🤖apk 📲
✔️ 082553b #21 2023-09-27 15:43:45 ~5 min android-e2e 🤖apk 📲
✔️ 082553b #22 2023-09-27 15:45:44 ~7 min ios 📱ipa 📲
3fb70b5 #22 2023-09-27 16:02:12 ~2 min tests 📄log
✔️ 3fb70b5 #22 2023-09-27 16:05:02 ~5 min android 🤖apk 📲
✔️ 3fb70b5 #22 2023-09-27 16:05:10 ~5 min android-e2e 🤖apk 📲
3fb70b5 #23 2023-09-27 16:06:46 ~7 min ios 📄log
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 774775b #23 2023-09-27 17:04:48 ~5 min android 🤖apk 📲
✔️ 774775b #23 2023-09-27 17:07:01 ~7 min android-e2e 🤖apk 📲
✔️ 774775b #24 2023-09-27 17:08:21 ~9 min ios 📱ipa 📲
✔️ 774775b #23 2023-09-27 17:08:33 ~9 min tests 📄log
✔️ 0ba010e #25 2023-09-28 15:22:12 ~6 min ios 📱ipa 📲
✔️ 0ba010e #24 2023-09-28 15:24:51 ~9 min android-e2e 🤖apk 📲
✔️ 0ba010e #24 2023-09-28 15:25:06 ~9 min android 🤖apk 📲
✔️ 0ba010e #24 2023-09-28 15:26:04 ~10 min tests 📄log

@briansztamfater briansztamfater force-pushed the feat/account-list-item branch 7 times, most recently from c2f7d84 to 0f6294b Compare September 22, 2023 15:09
@briansztamfater briansztamfater changed the title [WIP] feat: implement account list item component feat: implement account list item component Sep 22, 2023
@briansztamfater briansztamfater marked this pull request as ready for review September 22, 2023 15:14
@briansztamfater briansztamfater force-pushed the feat/account-list-item branch 2 times, most recently from 4a7792d to a934ff7 Compare September 23, 2023 00:29
Comment on lines 14 to 22
(h/wait-for #(h/has-style (h/query-by-label-text :container)
{:height 56
:borderRadius 12
:backgroundColor (colors/custom-color :blue 50 5)
:flexDirection :row
:alignItems :center
:paddingHorizontal 12
:paddingVertical 6
:justifyContent :space-between})))
Copy link
Member

Choose a reason for hiding this comment

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

Not sure if we get a value from this kind of strict-styling tests, given that styles might be changing and it would add extra work. Could instead use snapshot testing (mehh) which would have a similar result (but easier to maintain), or just do the check for the background color, since it seems like it's the only style that changes.

Copy link
Member Author

Choose a reason for hiding this comment

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

Agree, see my comment in this other PR -> #17398 (comment)

I'll update on this once I have more inputs either on this or the other PR

Copy link
Member

Choose a reason for hiding this comment

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

For the beginning I would just strip the tests of all the unnecessary styles and just keep the style u test for (here it's backgroundColor). For me it would be enough to have it merged, and then decide on the usefulness of these tests in a follow-up. We already have quite a few tests that check for styles in this way, so I guess it should be fine.

Copy link
Member Author

Choose a reason for hiding this comment

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

Nice, I thought toHaveStyle checked for the entire style map, but it works also checking for a specific style prop, so I simplified it as suggested :)

src/quo2/components/list_items/account/style.cljs Outdated Show resolved Hide resolved
src/quo2/components/list_items/account/view.cljs Outdated Show resolved Hide resolved
@briansztamfater briansztamfater force-pushed the feat/account-list-item branch 2 times, most recently from 53cd45a to cdc4b05 Compare September 26, 2023 16:08
@briansztamfater briansztamfater force-pushed the feat/account-list-item branch 2 times, most recently from ad741d3 to 8194150 Compare September 26, 2023 21:08
@briansztamfater
Copy link
Member Author

@Francesca-G can you review this component please?

Copy link

@Francesca-G Francesca-G left a comment

Choose a reason for hiding this comment

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

Looks good ✨
Adding follow up required to fix the spacing between 1st and 2nd line, see comment here :)

@briansztamfater
Copy link
Member Author

@Francesca-G I adjusted spacing in balance text at the right, is that ok?

Signed-off-by: Brian Sztamfater <brian@status.im>
@briansztamfater briansztamfater merged commit 8869271 into develop Sep 28, 2023
2 checks passed
@briansztamfater briansztamfater deleted the feat/account-list-item branch September 28, 2023 15:27
ibrkhalil pushed a commit that referenced this pull request Oct 1, 2023
Signed-off-by: Brian Sztamfater <brian@status.im>
clauxx pushed a commit that referenced this pull request Oct 3, 2023
Signed-off-by: Brian Sztamfater <brian@status.im>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature feature requests
Projects
Archived in project
Archived in project
Development

Successfully merging this pull request may close these issues.

Implement List Items > Account component
5 participants