Mobile navbar includes Portfolio instead of Communities. Each option is labeled!

This commit is contained in:
James Grugett 2022-04-03 18:26:50 -05:00
parent 9420b10bd9
commit ef0408dcdf
2 changed files with 11 additions and 13 deletions

View File

@ -321,8 +321,6 @@ export function MyBetsSummary(props: {
bets bets
) )
console.log(getContractBetMetrics(contract, bets))
return ( return (
<Row className={clsx('flex-wrap gap-4 sm:flex-nowrap sm:gap-6', className)}> <Row className={clsx('flex-wrap gap-4 sm:flex-nowrap sm:gap-6', className)}>
<Row className="gap-4 sm:gap-6"> <Row className="gap-4 sm:gap-6">

View File

@ -5,7 +5,7 @@ import {
HomeIcon, HomeIcon,
MenuAlt3Icon, MenuAlt3Icon,
SearchIcon, SearchIcon,
UserGroupIcon, TableIcon,
XIcon, XIcon,
} from '@heroicons/react/outline' } from '@heroicons/react/outline'
import { Transition, Dialog } from '@headlessui/react' import { Transition, Dialog } from '@headlessui/react'
@ -18,32 +18,32 @@ export function BottomNavBar() {
return ( return (
<nav className="fixed inset-x-0 bottom-0 z-20 flex justify-between border-t-2 bg-white text-xs text-gray-700 lg:hidden"> <nav className="fixed inset-x-0 bottom-0 z-20 flex justify-between border-t-2 bg-white text-xs text-gray-700 lg:hidden">
<Link href="/home"> <Link href="/home">
<a className="block w-full py-2 px-3 text-center transition duration-300 hover:bg-indigo-200 hover:text-indigo-700"> <a className="block w-full py-1 px-3 text-center transition duration-300 hover:bg-indigo-200 hover:text-indigo-700">
<HomeIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" /> <HomeIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
{/* Home */} Home
</a> </a>
</Link> </Link>
<Link href="/markets"> <Link href="/markets">
<a className="block w-full py-2 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700"> <a className="block w-full py-1 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700">
<SearchIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" /> <SearchIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
{/* Explore */} Search
</a> </a>
</Link> </Link>
<Link href="/folds"> <Link href="/portfolio">
<a className="block w-full py-2 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700"> <a className="block w-full py-1 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700">
<UserGroupIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" /> <TableIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
{/* Folds */} Portfolio
</a> </a>
</Link> </Link>
<span <span
className="block w-full py-2 px-3 text-center hover:cursor-pointer hover:bg-indigo-200 hover:text-indigo-700" className="block w-full py-1 px-3 text-center hover:cursor-pointer hover:bg-indigo-200 hover:text-indigo-700"
onClick={() => setSidebarOpen(true)} onClick={() => setSidebarOpen(true)}
> >
<MenuAlt3Icon className="my-1 mx-auto h-6 w-6" aria-hidden="true" /> <MenuAlt3Icon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
{/* Menu */} More
</span> </span>
<MobileSidebar <MobileSidebar