bc5cd5be45
* Remove wrapper div around logo * Small refactor, remove wrapper around sidebar profile summary * Remove random unused imports * Replace random styles with Tailwind classes
45 lines
1.5 KiB
TypeScript
45 lines
1.5 KiB
TypeScript
import Link from 'next/link'
|
|
import { firebaseLogout, User } from 'web/lib/firebase/users'
|
|
import { formatMoney } from 'common/util/format'
|
|
import { Avatar } from '../avatar'
|
|
import { IS_PRIVATE_MANIFOLD } from 'common/envs/constants'
|
|
|
|
export function getNavigationOptions(user?: User | null) {
|
|
if (IS_PRIVATE_MANIFOLD) {
|
|
return [{ name: 'Leaderboards', href: '/leaderboards' }]
|
|
}
|
|
|
|
if (!user) {
|
|
return [
|
|
{ name: 'Leaderboards', href: '/leaderboards' },
|
|
{ name: 'Discord', href: 'https://discord.gg/eHQBNBqXuh' },
|
|
{ name: 'Twitter', href: 'https://twitter.com/ManifoldMarkets' },
|
|
]
|
|
}
|
|
|
|
return [
|
|
{ name: 'Add funds', href: '/add-funds' },
|
|
{ name: 'Leaderboards', href: '/leaderboards' },
|
|
{ name: 'Discord', href: 'https://discord.gg/eHQBNBqXuh' },
|
|
{ name: 'Twitter', href: 'https://twitter.com/ManifoldMarkets' },
|
|
{ name: 'About', href: 'https://docs.manifold.markets' },
|
|
{ name: 'Sign out', href: '#', onClick: () => firebaseLogout() },
|
|
]
|
|
}
|
|
|
|
export function ProfileSummary(props: { user: User }) {
|
|
const { user } = props
|
|
return (
|
|
<Link href={`/${user.username}`}>
|
|
<a className="group flex flex-row items-center gap-4 rounded-md py-3 text-gray-500 hover:bg-gray-100 hover:text-gray-700">
|
|
<Avatar avatarUrl={user.avatarUrl} username={user.username} noLink />
|
|
|
|
<div className="truncate">
|
|
<div>{user.name}</div>
|
|
<div className="text-sm">{formatMoney(Math.floor(user.balance))}</div>
|
|
</div>
|
|
</a>
|
|
</Link>
|
|
)
|
|
}
|