ekzyis
/
stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add indicator for user bio being empty

This commit is contained in:
keyan 2021-09-24 16:56:51 -05:00
parent a339516a54
commit d4f014aef2
2 changed files with 23 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
components/header.js
View File

@ -7,7 +7,7 @@ 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 { signOut, signIn } from 'next-auth/client'
import { useLightning } from './lightning'
import { useEffect } from 'react'
import { randInRange } from '../lib/rand'
@ -27,31 +27,32 @@ function RefreshableLink ({ href, children, ...props }) {
}
export default function Header () {
const [session, loading] = useSession()
const router = useRouter()
const path = router.asPath.split('?')[0]
const me = useMe()
const Corner = () => {
if (loading) {
return null
}
if (session) {
if (me) {
return (
<div className='d-flex align-items-center'>
<Head>
<link rel='shortcut icon' href={me && me.hasNewNotes ? '/favicon-notify.png' : '/favicon.png'} />
<link rel='shortcut icon' href={me?.hasNewNotes ? '/favicon-notify.png' : '/favicon.png'} />
</Head>
<div className='position-relative mr-1'>
<NavDropdown className='px-0' title={`@${session.user.name}`} alignRight>
<Link href={'/' + session.user.name} passHref>
<NavDropdown.Item>profile</NavDropdown.Item>
<NavDropdown className='px-0' title={`@${me.name}`} alignRight>
<Link href={'/' + me.name} passHref>
<NavDropdown.Item>
profile
{me && !me.bio &&
<div className='p-1 d-inline-block bg-secondary ml-1'>
<span className='invisible'>{' '}</span>
</div>}
</NavDropdown.Item>
</Link>
<RefreshableLink href='/notifications' passHref>
<NavDropdown.Item>
notifications
{me && me.hasNewNotes &&
{me?.hasNewNotes &&
<div className='p-1 d-inline-block bg-danger ml-1'>
<span className='invisible'>{' '}</span>
</div>}
@ -65,7 +66,7 @@ export default function Header () {
<RefreshableLink href='/recent' passHref>
<NavDropdown.Item>recent</NavDropdown.Item>
</RefreshableLink>
{session
{me
? (
<Link href='/post' passHref>
<NavDropdown.Item>post</NavDropdown.Item>
@ -77,10 +78,14 @@ export default function Header () {
<NavDropdown.Divider />
<NavDropdown.Item onClick={signOut}>logout</NavDropdown.Item>
</NavDropdown>
{me && me.hasNewNotes &&
{me?.hasNewNotes &&
<span className='position-absolute p-1 bg-danger' style={{ top: '5px', right: '0px' }}>
<span className='invisible'>{' '}</span>
</span>}
{me && !me.bio &&
<span className='position-absolute p-1 bg-secondary' style={{ bottom: '5px', right: '0px' }}>
<span className='invisible'>{' '}</span>
</span>}
</div>
{me &&
<Nav.Item>
@ -116,7 +121,7 @@ export default function Header () {
</RefreshableLink>
</Nav.Item>
<Nav.Item className='d-md-flex d-none'>
{session
{me
? (
<Link href='/post' passHref>
<Nav.Link className={styles.navLink}>post</Nav.Link>

3
components/me.js
View File

@ -17,6 +17,9 @@ export function MeProvider ({ children }) {
freeComments
hasNewNotes
tipDefault
bio {
id
}
}
}`
const { data } = useQuery(query, { pollInterval: 1000 })