deep-stack/wallet-connect-web-examples
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: corrected navigation tags so they are loaded correctly, added tag for account selector (#246)

Browse Source
This commit is contained in:
Jonathan Conn 2023-07-20 21:31:22 -04:00 committed by GitHub
parent 748547b707
commit 7193ee7359
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
wallets/react-wallet-v2/README.md
View File

@ -96,6 +96,7 @@ url: `/pairings`
url: `/` url: `/`
| Key | Description | | Key | Description |
| ----------- | ----------- | | ----------- | ----------- |
| `account-picker` | Account drop down selector|
| `chain-card-${chain id}` | Chain card by chain id | | `chain-card-${chain id}` | Chain card by chain id |
| `chain-switch-button-${chain id}` | Chain switch button | | `chain-switch-button-${chain id}` | Chain switch button |
| `chain-switch-button-${chain id}` | Chain copy button | | `chain-switch-button-${chain id}` | Chain copy button |

2
wallets/react-wallet-v2/src/components/AccountPicker.tsx
View File

@ -26,7 +26,7 @@ export default function AccountPicker() {
} }
return ( return (
<select value={account} onChange={e => onSelect(e.currentTarget.value)} aria-label="addresses"> <select value={account} onChange={e => onSelect(e.currentTarget.value)} aria-label="addresses" data-testid="account-picker">
<option value={0}>Account 1</option> <option value={0}>Account 1</option>
<option value={1}>Account 2</option> <option value={1}>Account 2</option>
</select> </select>

20
wallets/react-wallet-v2/src/components/Navigation.tsx
View File

@ -5,20 +5,20 @@ import Link from 'next/link'
export default function Navigation() { export default function Navigation() {
return ( return (
<Row justify="space-between" align="center"> <Row justify="space-between" align="center">
<Link href="/" passHref data-testid="accounts"> <Link href="/" passHref>
<a className="navLink"> <a className="navLink" data-testid="accounts">
<Image alt="accounts icon" src="/icons/accounts-icon.svg" width={27} height={27} /> <Image alt="accounts icon" src="/icons/accounts-icon.svg" width={27} height={27} />
</a> </a>
</Link> </Link>
<Link href="/sessions" passHref data-testid="sessions"> <Link href="/sessions" passHref>
<a className="navLink"> <a className="navLink" data-testid="sessions">
<Image alt="sessions icon" src="/icons/sessions-icon.svg" width={27} height={27} /> <Image alt="sessions icon" src="/icons/sessions-icon.svg" width={27} height={27} />
</a> </a>
</Link> </Link>
<Link href="/walletconnect" passHref data-testid="wc-connect"> <Link href="/walletconnect" passHref>
<a className="navLink"> <a className="navLink" data-testid="wc-connect">
<Avatar <Avatar
size="lg" size="lg"
css={{ cursor: 'pointer' }} css={{ cursor: 'pointer' }}
@ -35,14 +35,14 @@ export default function Navigation() {
</a> </a>
</Link> </Link>
<Link href="/pairings" passHref data-testid="pairings"> <Link href="/pairings" passHref>
<a className="navLink"> <a className="navLink" data-testid="pairings">
<Image alt="pairings icon" src="/icons/pairings-icon.svg" width={25} height={25} /> <Image alt="pairings icon" src="/icons/pairings-icon.svg" width={25} height={25} />
</a> </a>
</Link> </Link>
<Link href="/settings" passHref data-testid="settings"> <Link href="/settings" passHref>
<a className="navLink"> <a className="navLink" data-testid="settings">
<Image alt="settings icon" src="/icons/settings-icon.svg" width={27} height={27} /> <Image alt="settings icon" src="/icons/settings-icon.svg" width={27} height={27} />
</a> </a>
</Link> </Link>