add connect and disconnect for mobile

This commit is contained in:
Tyler Shipe 2021-04-22 11:00:13 -04:00
parent 1f07e78aca
commit 99567c9afe
1 changed files with 25 additions and 5 deletions

View File

@ -24,6 +24,11 @@ const Code = styled.code`
font-size: 13px; font-size: 13px;
` `
const WALLET_OPTIONS = [
{ name: 'Copy address', icon: <DuplicateIcon /> },
{ name: 'Disconnect', icon: <LogoutIcon /> },
]
const TopBar = () => { const TopBar = () => {
const { asPath } = useRouter() const { asPath } = useRouter()
const connected = useMangoStore((s) => s.wallet.connected) const connected = useMangoStore((s) => s.wallet.connected)
@ -54,11 +59,6 @@ const TopBar = () => {
} }
} }
const WALLET_OPTIONS = [
{ name: 'Copy address', icon: <DuplicateIcon /> },
{ name: 'Disconnect', icon: <LogoutIcon /> },
]
return ( return (
<nav className={`bg-th-bkg-2`}> <nav className={`bg-th-bkg-2`}>
<div className={`px-4 sm:px-6 lg:px-8`}> <div className={`px-4 sm:px-6 lg:px-8`}>
@ -161,6 +161,26 @@ const TopBar = () => {
<MenuItem href="/">Trade</MenuItem> <MenuItem href="/">Trade</MenuItem>
<MenuItem href="/stats">Stats</MenuItem> <MenuItem href="/stats">Stats</MenuItem>
<MenuItem href="https://docs.mango.markets/">Learn</MenuItem> <MenuItem href="https://docs.mango.markets/">Learn</MenuItem>
{connected && wallet?.publicKey ? (
<button
className="block text-th-fgd-1 text-base items-center pl-3 pr-4 py-2
sm:inline-flex sm:ml-4 sm:px-1 sm:py-0 border-l-4 sm:border-l-0 sm:border-b-2 hover:text-th-primary
border-transparent hover:border-th-primary rounded-none outline-none focus:outline-none"
onClick={() => wallet.disconnect()}
>
Disconnect
</button>
) : (
<button
className="block text-th-fgd-1 text-base items-center pl-3 pr-4 py-2
sm:inline-flex sm:ml-4 sm:px-1 sm:py-0 border-l-4 sm:border-l-0 sm:border-b-2 hover:text-th-primary
border-transparent hover:border-th-primary rounded-none outline-none focus:outline-none"
onClick={() => wallet.connect()}
>
Connect
</button>
)}
</div> </div>
</div> </div>
</nav> </nav>