7a3886073b
* feat: v2 wallet * feat: Web3Wallet sign integration * chore: adds `core` to package.json * feat: Web3Wallet Auth integration * chore: core & web3wallet canary * chore: rm config * chore: force redeploy * chore: rm core & sign-client deps * fix: rm `sign-client` usage * refactor: updates README * feat: adds metadata mock obj & removes relay url param * refactor: more url mentions * refactor: rm v2 wallet readme references & uses web3wallet.core... * refactor: wallet -> web3wallet * refactor: rm wallet to web3wallet * fix: adds async to example listeners
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
import PageHeader from '@/components/PageHeader'
|
|
import PairingCard from '@/components/PairingCard'
|
|
import { web3wallet } from '@/utils/WalletConnectUtil'
|
|
import { Text } from '@nextui-org/react'
|
|
import { getSdkError } from '@walletconnect/utils'
|
|
import { Fragment, useState } from 'react'
|
|
|
|
export default function PairingsPage() {
|
|
const [pairings, setPairings] = useState(
|
|
web3wallet.engine.signClient.core.pairing.pairings.values
|
|
)
|
|
|
|
async function onDelete(topic: string) {
|
|
await web3wallet.disconnectSession({ topic, reason: getSdkError('USER_DISCONNECTED') })
|
|
const newPairings = pairings.filter(pairing => pairing.topic !== topic)
|
|
setPairings(newPairings)
|
|
}
|
|
|
|
return (
|
|
<Fragment>
|
|
<PageHeader title="Pairings" />
|
|
{pairings.length ? (
|
|
pairings.map(pairing => {
|
|
const { peerMetadata } = pairing
|
|
|
|
return (
|
|
<PairingCard
|
|
key={pairing.topic}
|
|
logo={peerMetadata?.icons[0]}
|
|
url={peerMetadata?.url}
|
|
name={peerMetadata?.name}
|
|
onDelete={() => onDelete(pairing.topic)}
|
|
/>
|
|
)
|
|
})
|
|
) : (
|
|
<Text css={{ opacity: '0.5', textAlign: 'center', marginTop: '$20' }}>No pairings</Text>
|
|
)}
|
|
</Fragment>
|
|
)
|
|
}
|