open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update navbar with activity. Show explore instead if signed out.

Browse Source
This commit is contained in:
James Grugett 2022-05-17 12:12:03 -04:00
parent edd03ca765
commit 99e8fcad28
3 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/components/feed/category-selector.tsx
View File

@ -15,7 +15,7 @@ export function CategorySelector(props: {
return (
<Row
className={clsx(
'carousel mr-2 items-center space-x-2 space-y-2 overflow-x-scroll pt-4 pb-4 sm:flex-wrap',
'carousel mr-2 items-center space-x-2 space-y-2 overflow-x-scroll pb-4 sm:flex-wrap',
className
)}
>

22
web/components/nav/nav-bar.tsx
View File

@ -5,6 +5,7 @@ import {
MenuAlt3Icon,
PresentationChartLineIcon,
SearchIcon,
ChatAltIcon,
XIcon,
} from '@heroicons/react/outline'
import { Transition, Dialog } from '@headlessui/react'
@ -29,12 +30,21 @@ export function BottomNavBar() {
</a>
</Link>
<Link href="/markets">
<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" />
Explore
</a>
</Link>
{user === null ? (
<Link href="/markets">
<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" />
Explore
</a>
</Link>
) : (
<Link href="/activity">
<a className="block w-full py-1 px-3 text-center hover:bg-indigo-200 hover:text-indigo-700">
<ChatAltIcon className="my-1 mx-auto h-6 w-6" aria-hidden="true" />
Activity
</a>
</Link>
)}
{user !== null && (
<Link href="/portfolio">

3
web/components/nav/sidebar.tsx
View File

@ -7,6 +7,7 @@ import {
CashIcon,
HeartIcon,
PresentationChartLineIcon,
ChatAltIcon,
} from '@heroicons/react/outline'
import clsx from 'clsx'
import _ from 'lodash'
@ -29,7 +30,7 @@ function IconFromUrl(url: string): React.ComponentType<{ className?: string }> {
const navigation = [
{ name: 'Home', href: '/home', icon: HomeIcon },
{ name: 'Explore', href: '/markets', icon: SearchIcon },
{ name: 'Activity', href: '/activity', icon: ChatAltIcon },
{ name: 'Portfolio', href: '/portfolio', icon: PresentationChartLineIcon },
{ name: 'Charity', href: '/charity', icon: HeartIcon },
]