No indicator for active currency in light mode

Open Beginner friendly
#424 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
1/5
Estimated time
Under an hour
Newbie friendliness
72/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Stale
Tech stack
typescript
Domain
design, frontend

Research direction

Open src/pages/wallet/Transfer.vue around lines 612-617 and reproduce the currency selector on the transfer page in light mode. Check that the active currency is visually distinct from inactive currencies, then verify the selector in both light and dark modes.

Written by the indexing model from the issue text.

Description

Steps:

  1. Go to transfer page
  2. There is no indicator for the active currency as show in the photo below.
image

Proposed Solution:

https://github.com/torusresearch/solana-wallet/blob/13e6c94bcf1bce6b0befa5f2f2f54be9031f1d46/src/pages/wallet/Transfer.vue#L612-L617

.currency-selector {
  @apply py-1 px-4 uppercase text-xs cursor-pointer border-0 text-app-text-500 dark:text-app-text-dark-600;
}

.active-currency {
  @apply dark:bg-app-gray-700 border dark:border-0;
}
Dominant language
TypeScript
Stars
29
Forks
21
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from MetaMask/solana-wallet

All issues in MetaMask/solana-wallet

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.