Files
zkAuth/dapp/components/navbar.tsx
3lLobo ef07097396 The Merge 🌊
2022-09-18 19:14:51 +02:00

24 lines
653 B
TypeScript

import { useEthers } from '@usedapp/core'
import { DropdownAccount, ToggleColorMode } from './'
const Navbar = () => {
const { account } = useEthers()
return (
<nav className="px-4 py-4">
<div className="container flex flex-wrap justify-between items-center mx-auto max-w-6xl">
<span className="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">
zkAuth
</span>
<div className="flex flex-row space-x-4 align-middle">
{account ? <DropdownAccount account={account} /> : <></>}
<ToggleColorMode />
</div>
</div>
</nav>
)
}
export default Navbar