52 lines
1.4 KiB
XML
52 lines
1.4 KiB
XML
import { Avatar, Row } from '@nextui-org/react'
|
|
import Image from 'next/image'
|
|
import Link from 'next/link'
|
|
|
|
export default function Navigation() {
|
|
return (
|
|
<Row justify="space-between" align="center">
|
|
<Link href="/" passHref>
|
|
<a className="navLink">
|
|
<Image alt="accounts icon" src="/icons/accounts-icon.svg" width={27} height={27} />
|
|
</a>
|
|
</Link>
|
|
|
|
<Link href="/sessions" passHref>
|
|
<a className="navLink">
|
|
<Image alt="sessions icon" src="/icons/sessions-icon.svg" width={27} height={27} />
|
|
</a>
|
|
</Link>
|
|
|
|
<Link href="/walletconnect" passHref>
|
|
<a className="navLink">
|
|
<Avatar
|
|
size="lg"
|
|
css={{ cursor: 'pointer' }}
|
|
color="gradient"
|
|
icon={
|
|
<Image
|
|
alt="wallet connect icon"
|
|
src="/wallet-connect-logo.svg"
|
|
width={30}
|
|
height={30}
|
|
/>
|
|
}
|
|
/>
|
|
</a>
|
|
</Link>
|
|
|
|
<Link href="/pairings" passHref>
|
|
<a className="navLink">
|
|
<Image alt="pairings icon" src="/icons/pairings-icon.svg" width={25} height={25} />
|
|
</a>
|
|
</Link>
|
|
|
|
<Link href="/settings" passHref>
|
|
<a className="navLink">
|
|
<Image alt="settings icon" src="/icons/settings-icon.svg" width={27} height={27} />
|
|
</a>
|
|
</Link>
|
|
</Row>
|
|
)
|
|
}
|