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(frontend): implement NoTokensPlaceholder #3236

Merged
merged 8 commits into from
Nov 4, 2024

Conversation

loki344
Copy link
Collaborator

@loki344 loki344 commented Oct 30, 2024

Motivation

If a empty token list is displayed, we want a better placeholder to guide the user.

Changes

  • Implement component for NoTokensPlaceholder and use it.
  • Adjust texts

Note

BTC logo fix: #3235

Tests

Before:
image

After:
320px:
image

600px:
image

960px:
image

1280px:
image

1600px:
image

1920px:
image

@loki344 loki344 marked this pull request as ready for review October 30, 2024 09:18
@loki344 loki344 requested a review from a team as a code owner October 30, 2024 09:18
<span class="-mr-4">
<Logo color="white" ring size="lg" src={ETHEREUM_TOKEN.icon}></Logo>
</span>
<Logo color="white" ring size="lg" src={BTC_MAINNET_TOKEN.icon}></Logo>
Copy link
Contributor

Choose a reason for hiding this comment

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

for consistency, i would use either all assets (icpDark.svg, bitcoin.svg, etc), or all TOKEN icons, or all NETWORK icons

Copy link
Contributor

@AntonioVentilii-DFINITY AntonioVentilii-DFINITY left a comment

Choose a reason for hiding this comment

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

LGTM tks

@loki344 loki344 merged commit 456c305 into main Nov 4, 2024
11 checks passed
@loki344 loki344 deleted the feat(frontend)/add-no-tokens-placeholder branch November 4, 2024 12:51
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.

2 participants