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 (
<OverlayTrigger
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 { newComments, commentsViewedAt } from '../lib/new-comments'
import { timeSince } from '../lib/time'
import CowboyHat from './cowboy-hat'
import CowboyHat, { HatTooltip } from './cowboy-hat'
import { DeleteDropdownItem } from './delete'
import styles from './item.module.css'
import { useMe } from './me'
@ -16,6 +16,7 @@ import DontLikeThisDropdownItem from './dont-link-this'
import BookmarkDropdownItem from './bookmark'
import SubscribeDropdownItem from './subscribe'
import { CopyLinkDropdownItem } from './share'
import AnonIcon from '../svgs/spy-fill.svg'
export default function ItemInfo ({
item, pendingSats, full, commentsText = 'comments',
@ -84,7 +85,10 @@ export default function ItemInfo ({
<span> \ </span>
<span>
<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}
</Link>
<span> </span>