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(extension): #252: asset list #259

Merged
merged 4 commits into from
Jan 10, 2025
Merged

feat(extension): #252: asset list #259

merged 4 commits into from
Jan 10, 2025

Conversation

VanishMax
Copy link
Contributor

Closes #252

Adds the asset table with balances per selected account. Empty if no balances are there for selected account.

image

@VanishMax VanishMax requested review from TalDerei and a team January 6, 2025 10:41
@VanishMax VanishMax self-assigned this Jan 6, 2025
Copy link
Member

@vacekj vacekj left a comment

Choose a reason for hiding this comment

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

lgtm

@TalDerei
Copy link
Contributor

TalDerei commented Jan 6, 2025

will also spend some time reviewing today 👍

Copy link
Contributor

@TalDerei TalDerei left a comment

Choose a reason for hiding this comment

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

noticed some UI inconsistencies that need fixing:

  1. on sub-accounts, the background does not extend to fill the entire height of the extension's window, leaving empty black space.
Screen.Recording.2025-01-07.at.12.26.00.AM.mov

  1. extension doesn't maintain its fixed position, causing it to partially move out of view and outside the bounds of the extension when scrolling (for instance on sub-account 3, this issue didn’t occur because I couldn't scroll, and the extension remained fixed in place)
Screen.Recording.2025-01-07.at.12.30.25.AM.mov

  1. noticeable glitches when switching between accounts
Screen.Recording.2025-01-07.at.12.32.58.AM.mov


return (
<>
<BlockSync />

<div className='flex h-full grow flex-col items-stretch gap-[15px] bg-logo bg-left-bottom px-[15px] pb-[15px]'>
<div className='flex h-full grow flex-col items-stretch gap-[15px] bg-logo bg-[left_-180px] px-[15px] pb-[15px]'>
Copy link
Contributor

Choose a reason for hiding this comment

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

comment: related to the black space issue, I think h-full may not cover the entire extension height?

</div>

<ValidateAddress />

<div className='shrink-0 grow' />
Copy link
Contributor

@TalDerei TalDerei Jan 7, 2025

Choose a reason for hiding this comment

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

comment: removing this may be causing the layout issues when scrolling? the position should be fixed to prevent scrolling outside the bounds of the extension

queryKey: ['balances', account],
staleTime: Infinity,
queryFn: async () => {
return Array.fromAsync(viewClient.balances({ accountFilter: { account } }));
Copy link
Contributor

@TalDerei TalDerei Jan 7, 2025

Choose a reason for hiding this comment

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

comment: what's the error handling fallback here if the view service call, viewClient.balances, fails? we should default to returning an empty balance in that case

<Table>
<TableHeader className='group'>
<TableRow>
<TableHead>Balance</TableHead>
Copy link
Contributor

@TalDerei TalDerei Jan 7, 2025

Choose a reason for hiding this comment

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

suggestion: can we make UM (and optionally the fee tokens – USDC, OSMO, ATOM) the priority by ordering them higher in the balance list?

@VanishMax
Copy link
Contributor Author

@TalDerei Thanks for noticing the issues! I addressed them in the latest commit

@VanishMax VanishMax requested a review from TalDerei January 8, 2025 14:16
Copy link
Contributor

@TalDerei TalDerei left a comment

Choose a reason for hiding this comment

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

much better, great work!

left a minor comment

Comment on lines 54 to 55
<div className='fixed inset-0 h-full bg-logoImg bg-[left_-180px] bg-no-repeat pointer-events-none' />
<div className='fixed inset-0 h-full bg-logo pointer-events-none' />
Copy link
Contributor

Choose a reason for hiding this comment

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

nit; there's visible discoloration at the bottom of the extension window where the gradient ends. can we add some kind of smooth fading or modify the transparency?

Screenshot 2025-01-09 at 7 12 05 AM

Copy link
Contributor Author

Choose a reason for hiding this comment

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

that's so weird, i can't reproduce

Copy link
Contributor Author

Choose a reason for hiding this comment

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

did a patch fix, no idea if it helps, but at least not breaks anything. Can you create a new issue if the bug persists, so somebody who can reproduce it can fix?

Copy link
Contributor

@TalDerei TalDerei Jan 10, 2025

Choose a reason for hiding this comment

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

not necessarily blocking, feel free to merge – filed #264

Copy link
Contributor Author

Choose a reason for hiding this comment

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

thanks @TalDerei

merging this now

@VanishMax VanishMax merged commit bc5fabe into main Jan 10, 2025
3 checks passed
@VanishMax VanishMax deleted the feat/#252-asset-list branch January 10, 2025 06:12
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.

Display balances on popup home
3 participants