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

Biopage userheader popover (#1198) 

* Issue #1180: userheader popover on bio page

* Added import for ItemPopover in user-header.js

* fix linting

---------

Co-authored-by: keyan <keyan.kousha+huumn@gmail.com>
This commit is contained in:
nichro 2024-05-28 10:03:25 -04:00 committed by GitHub
parent 26fe7fce33
commit dc59153663
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/user-header.js
View File

@ -29,6 +29,7 @@ import NostrIcon from '@/svgs/nostr.svg'
import GithubIcon from '@/svgs/github-fill.svg' import GithubIcon from '@/svgs/github-fill.svg'
import TwitterIcon from '@/svgs/twitter-fill.svg' import TwitterIcon from '@/svgs/twitter-fill.svg'
import { UNKNOWN_LINK_REL, MEDIA_URL } from '@/lib/constants' import { UNKNOWN_LINK_REL, MEDIA_URL } from '@/lib/constants'
import ItemPopover from './item-popover'
export default function UserHeader ({ user }) { export default function UserHeader ({ user }) {
const router = useRouter() const router = useRouter()
@ -284,7 +285,11 @@ function HeaderHeader ({ user }) {
</Button> </Button>
<div className='d-flex flex-column mt-1 ms-0'> <div className='d-flex flex-column mt-1 ms-0'>
<small className='text-muted d-flex-inline'>stacking since: {user.since <small className='text-muted d-flex-inline'>stacking since: {user.since
? <Link href={`/items/${user.since}`} className='ms-1'>#{user.since}</Link> ? (
<ItemPopover id={user.since}>
<Link href={`/items/${user.since}`} className='ms-1'>#{user.since}</Link>
</ItemPopover>
)
: <span>never</span>} : <span>never</span>}
</small> </small>
{user.optional.maxStreak !== null && {user.optional.maxStreak !== null &&