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(savedaddresses): saved address details popup implementation #13617

Merged
merged 1 commit into from
Feb 22, 2024

Conversation

saledjenic
Copy link
Contributor

@saledjenic saledjenic commented Feb 19, 2024

Within this commit a new popup is introduced with the requested UI effect.

Closes #13096

This is how a new UI effect works, the request was when scroll activity moves over send button and eth address, then eth address and send button appear in the header. Now if we have a good component that will display history TXs for the provided address we would just replace those rectangles and an entire feature would be completed in a few more lines.

SavedAddressesDetails.mov

@status-im-auto
Copy link
Member

status-im-auto commented Feb 19, 2024

Jenkins Builds

Click to see older builds (18)
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ 7cff248 #1 2024-02-19 08:48:51 ~7 min macos/aarch64 🍎dmg
✔️ 7cff248 #1 2024-02-19 08:48:54 ~7 min tests/nim 📄log
✔️ 7cff248 #1 2024-02-19 08:52:05 ~10 min tests/ui 📄log
✔️ 7cff248 #1 2024-02-19 08:52:08 ~10 min macos/x86_64 🍎dmg
✔️ 7cff248 #1 2024-02-19 08:57:56 ~16 min linux/x86_64 📦tgz
✔️ 7cff248 #1 2024-02-19 09:06:04 ~24 min windows/x86_64 💿exe
✔️ 9086a1a #2 2024-02-21 12:47:15 ~6 min macos/aarch64 🍎dmg
✔️ 9086a1a #2 2024-02-21 12:47:45 ~7 min tests/nim 📄log
✔️ 9086a1a #2 2024-02-21 12:48:35 ~8 min macos/x86_64 🍎dmg
✔️ 9086a1a #2 2024-02-21 12:50:45 ~10 min tests/ui 📄log
✔️ 9086a1a #2 2024-02-21 12:57:55 ~17 min linux/x86_64 📦tgz
✔️ 9086a1a #2 2024-02-21 13:03:39 ~23 min windows/x86_64 💿exe
✔️ 5020fb8 #3 2024-02-21 13:16:29 ~5 min macos/aarch64 🍎dmg
✔️ 5020fb8 #3 2024-02-21 13:17:44 ~6 min tests/nim 📄log
✔️ 5020fb8 #3 2024-02-21 13:18:26 ~7 min macos/x86_64 🍎dmg
✔️ 5020fb8 #3 2024-02-21 13:21:46 ~10 min tests/ui 📄log
✔️ 5020fb8 #3 2024-02-21 13:25:14 ~13 min linux/x86_64 📦tgz
✔️ 5020fb8 #3 2024-02-21 13:31:05 ~19 min windows/x86_64 💿exe
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ b2d5c84 #4 2024-02-21 14:25:01 ~4 min macos/aarch64 🍎dmg
✔️ b2d5c84 #4 2024-02-21 14:26:48 ~6 min tests/nim 📄log
✔️ b2d5c84 #4 2024-02-21 14:28:10 ~7 min macos/x86_64 🍎dmg
✔️ b2d5c84 #4 2024-02-21 14:31:42 ~11 min tests/ui 📄log
✔️ b2d5c84 #4 2024-02-21 14:35:03 ~14 min linux/x86_64 📦tgz
✔️ b2d5c84 #4 2024-02-21 14:40:19 ~19 min windows/x86_64 💿exe
✔️ 49754e3 #5 2024-02-21 14:54:16 ~4 min macos/aarch64 🍎dmg
✔️ 49754e3 #5 2024-02-21 14:56:35 ~6 min tests/nim 📄log
✔️ 49754e3 #5 2024-02-21 14:57:58 ~7 min macos/x86_64 🍎dmg
✔️ 49754e3 #5 2024-02-21 14:59:54 ~9 min tests/ui 📄log
✔️ 49754e3 #5 2024-02-21 15:06:32 ~16 min linux/x86_64 📦tgz
✔️ 49754e3 #5 2024-02-21 15:08:22 ~18 min windows/x86_64 💿exe

@saledjenic saledjenic force-pushed the feat/issue-13096 branch 2 times, most recently from 9086a1a to 5020fb8 Compare February 21, 2024 13:11
@saledjenic saledjenic marked this pull request as ready for review February 21, 2024 13:31
@saledjenic
Copy link
Contributor Author

This PR misses just one tiny UI feature, but that should be implemented globally as a functionality of the StatusListItem component.

When the user is scrolling up and the list starts moving over "Send" button and address component in the attached video above, we're displaying the address and "Send" button in the header as the list moves up. But @benjthayer suggested animating the display of the address in the header as well, like in the video below, that's something we need to implement in a new issue.

Anim2.mov

UI team @alexandraB99

Within this commit a new popup is introduced with the requested UI effect.

Closes #13096
Copy link
Contributor

@IvanBelyakoff IvanBelyakoff left a comment

Choose a reason for hiding this comment

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

LGTM.
I see you faced sections issue. I think this now became a more general issue for the whole team - how to hide/show sections and make it reliable. I think we need a component for that. Maybe we should edit StatusListItem to implement something like what you did

@saledjenic saledjenic merged commit 34f8012 into master Feb 22, 2024
8 checks passed
@saledjenic saledjenic deleted the feat/issue-13096 branch February 22, 2024 10:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Saved address details popup implementation
4 participants