chore: update reactions modal icons
Some checks reported errors
continuous-integration/drone/push Build encountered an error
Some checks reported errors
continuous-integration/drone/push Build encountered an error
closes #683
This commit is contained in:
parent
6a96afc82c
commit
64703cf05d
@ -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>
|
||||||
|
Loading…
Reference in New Issue
Block a user