From 46274fba4fcfa6b7fd64c18317d45a6d574b54b6 Mon Sep 17 00:00:00 2001
From: keyan <keyan.kousha+huumn@gmail.com>
Date: Thu, 10 Aug 2023 17:33:47 -0500
Subject: [PATCH] give anon an icon

---
 components/cowboy-hat.js | 2 +-
 components/item-info.js  | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/cowboy-hat.js b/components/cowboy-hat.js
index fda60d27..ac511f71 100644
--- a/components/cowboy-hat.js
+++ b/components/cowboy-hat.js
@@ -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'}
diff --git a/components/item-info.js b/components/item-info.js
index 1a0e3556..02f93f7b 100644
--- a/components/item-info.js
+++ b/components/item-info.js
@@ -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>