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

give anon an icon

This commit is contained in:
keyan 2023-08-10 17:33:47 -05:00
parent 2fbf1e4cc3
commit 46274fba4f
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/cowboy-hat.js
View File

@ -26,7 +26,7 @@ export default function CowboyHat ({ user, badge, className = 'ms-1', height = 1
) )
} }
function HatTooltip ({ children, overlayText, placement }) { export function HatTooltip ({ children, overlayText, placement }) {
return ( return (
<OverlayTrigger <OverlayTrigger
placement={placement || 'bottom'} placement={placement || 'bottom'}

8
components/item-info.js
View File

@ -7,7 +7,7 @@ import Countdown from './countdown'
import { abbrNum, numWithUnits } from '../lib/format' import { abbrNum, numWithUnits } from '../lib/format'
import { newComments, commentsViewedAt } from '../lib/new-comments' import { newComments, commentsViewedAt } from '../lib/new-comments'
import { timeSince } from '../lib/time' import { timeSince } from '../lib/time'
import CowboyHat from './cowboy-hat' import CowboyHat, { HatTooltip } from './cowboy-hat'
import { DeleteDropdownItem } from './delete' import { DeleteDropdownItem } from './delete'
import styles from './item.module.css' import styles from './item.module.css'
import { useMe } from './me' import { useMe } from './me'
@ -16,6 +16,7 @@ import DontLikeThisDropdownItem from './dont-link-this'
import BookmarkDropdownItem from './bookmark' import BookmarkDropdownItem from './bookmark'
import SubscribeDropdownItem from './subscribe' import SubscribeDropdownItem from './subscribe'
import { CopyLinkDropdownItem } from './share' import { CopyLinkDropdownItem } from './share'
import AnonIcon from '../svgs/spy-fill.svg'
export default function ItemInfo ({ export default function ItemInfo ({
item, pendingSats, full, commentsText = 'comments', item, pendingSats, full, commentsText = 'comments',
@ -84,7 +85,10 @@ export default function ItemInfo ({
<span> \ </span> <span> \ </span>
<span> <span>
<Link href={`/${item.user.name}`}> <Link href={`/${item.user.name}`}>
@{item.user.name}<CowboyHat className='ms-1 fill-grey' user={item.user} height={12} width={12} /> @{item.user.name}<span> </span>
{item.user.name === 'anon'
? <HatTooltip overlayText='so sneaky!'><span><AnonIcon className='fill-grey align-middle' height={12} width={12} /></span></HatTooltip>
: <CowboyHat className='fill-grey' user={item.user} height={12} width={12} />}
{embellishUser} {embellishUser}
</Link> </Link>
<span> </span> <span> </span>