import Navbar from 'react-bootstrap/Navbar' import Nav from 'react-bootstrap/Nav' import Link from 'next/link' import styles from './header.module.css' import { useRouter } from 'next/router' import { Button, Container, NavDropdown } from 'react-bootstrap' import Price from './price' import { useMe } from './me' import Head from 'next/head' import { signOut, signIn, useSession } from 'next-auth/client' import { useLightning } from './lightning' import { useEffect } from 'react' import { randInRange } from '../lib/rand' function WalletSummary ({ me }) { return `${me?.sats} \\ ${me?.stacked}` } function RefreshableLink ({ href, children, ...props }) { const router = useRouter() const same = router.asPath === href return ( {children} ) } export default function Header () { const router = useRouter() const path = router.asPath.split('?')[0] const me = useMe() const [session, loading] = useSession() const Corner = () => { if (loading && !me) { return null } if (session) { return (

profile {me && !me.bio &&

{' '}

} notifications {me?.hasNewNotes &&

{' '}

} wallet

recent {me ? ( post ) : post} jobs

logout {me?.hasNewNotes && {' '} } {me && !me.bio && {' '} }

{me && }

) } else { const strike = useLightning() useEffect(() => { setTimeout(strike, randInRange(3000, 10000)) }, [router.asPath]) return path !== '/login' && } } return ( <> ) } export function HeaderPreview () { return ( <> ) }