Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

chore: update reactions modal icons
Some checks reported errors
continuous-integration/drone/push Build encountered an error
Details

Browse Source 
closes #683
This commit is contained in:
kieran 2024-04-12 13:39:26 +01:00
parent 6a96afc82c
commit 64703cf05d
Signed by: Kieran
GPG Key ID: DE71CEB3925BE941
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/app/src/Components/Event/Note/ReactionsModal.tsx
View File

@ -58,10 +58,10 @@ const ReactionsModal = ({ onClose, event, initialTab = 0 }: ReactionsModalProps)
const [tab, setTab] = useState(tabs[initialTab]); const [tab, setTab] = useState(tabs[initialTab]);
const renderReactionItem = (ev, icon, size) => ( const renderReactionItem = (ev: TaggedNostrEvent, icon: string, iconClass?: string, size?: number) => (
<div key={ev.id} className="reactions-item"> <div key={ev.id} className="reactions-item">
<div className="reaction-icon"> <div className="reaction-icon">
<Icon name={icon} size={size} /> <Icon name={icon} size={size} className={iconClass} />
</div> </div>
<ProfileImage pubkey={ev.pubkey} showProfileCard={true} /> <ProfileImage pubkey={ev.pubkey} showProfileCard={true} />
</div> </div>
@ -77,14 +77,14 @@ const ReactionsModal = ({ onClose, event, initialTab = 0 }: ReactionsModalProps)
</div> </div>
<TabSelectors tabs={tabs} tab={tab} setTab={setTab} /> <TabSelectors tabs={tabs} tab={tab} setTab={setTab} />
<div className="reactions-body" key={tab.value}> <div className="reactions-body" key={tab.value}>
{tab.value === 0 && likes.map(ev => renderReactionItem(ev, "heart"))} {tab.value === 0 && likes.map(ev => renderReactionItem(ev, "heart-solid", "text-heart"))}
{tab.value === 1 && {tab.value === 1 &&
zaps.map( zaps.map(
z => z =>
z.sender && ( z.sender && (
<div key={z.id} className="reactions-item"> <div key={z.id} className="reactions-item">
<div className="zap-reaction-icon"> <div className="zap-reaction-icon">
<Icon name="zap" size={20} /> <Icon name="zap-solid" size={20} className="text-zap" />
<span className="zap-amount">{formatShort(z.amount)}</span> <span className="zap-amount">{formatShort(z.amount)}</span>
</div> </div>
<ProfileImage <ProfileImage
@ -99,7 +99,7 @@ const ReactionsModal = ({ onClose, event, initialTab = 0 }: ReactionsModalProps)
</div> </div>
), ),
)} )}
{tab.value === 2 && sortedReposts.map(ev => renderReactionItem(ev, "repost", 16))} {tab.value === 2 && sortedReposts.map(ev => renderReactionItem(ev, "repost", "text-repost", 16))}
{tab.value === 3 && dislikes.map(ev => renderReactionItem(ev, "dislike"))} {tab.value === 3 && dislikes.map(ev => renderReactionItem(ev, "dislike"))}
</div> </div>
</Modal> </Modal>