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 } from 'next-auth/client' import { useLightning } from './lightning' import { useEffect, useState } from 'react' import { randInRange } from '../lib/rand' import { formatSats } from '../lib/format' import NoteIcon from '../svgs/notification-4-fill.svg' import { useQuery, gql } from '@apollo/client' function WalletSummary ({ me }) { if (!me) return null return `${formatSats(me.sats)}` } export default function Header ({ sub }) { const router = useRouter() const path = router.asPath.split('?')[0] const [fired, setFired] = useState() const me = useMe() const prefix = sub ? `/~${sub}` : '' const { data: subLatestPost } = useQuery(gql` query subLatestPost($name: ID!) { subLatestPost(name: $name) } `, { variables: { name: 'jobs' }, pollInterval: 600000, fetchPolicy: 'network-only' }) const [lastCheckedJobs, setLastCheckedJobs] = useState(new Date().getTime()) useEffect(() => { if (me) { setLastCheckedJobs(me.lastCheckedJobs) } else { if (sub === 'jobs') { localStorage.setItem('lastCheckedJobs', new Date().getTime()) } setLastCheckedJobs(localStorage.getItem('lastCheckedJobs')) } }) const Corner = () => { if (me) { return (
{me?.hasNewNotes && {' '} }
e.preventDefault()}>{`@${me?.name}`} } alignRight > profile {me && !me.bioId &&
{' '}
}
wallet satistics invites {me && !me.hasInvites &&
{' '}
}
settings
signOut({ callbackUrl: '/' })}>logout
{me && !me.bioId && {' '} }
{me && }
) } else { if (!fired) { const strike = useLightning() useEffect(() => { setTimeout(strike, randInRange(3000, 10000)) setFired(true) }, [router.asPath]) } return path !== '/login' && !path.startsWith('/invites') && } } const NavItems = ({ className }) => { return ( <> recent {!prefix && top }
jobs {sub !== 'jobs' && (!me || me.noteJobIndicator) && (!lastCheckedJobs || lastCheckedJobs < subLatestPost?.subLatestPost) && {' '} }
{me && post } ) } return ( <> ) } const NavItemsStatic = ({ className }) => { return ( <> recent top
jobs
) } export function HeaderStatic () { return ( ) }