Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix NoteFooter reacted colors

Browse Source
This commit is contained in:
Martti Malmi 2023-10-18 11:19:50 +03:00
parent e3d17254f8
commit 8e9e75c5f0
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/app/src/Element/Event/Note.css
View File

@ -131,11 +131,14 @@
align-items: center;
justify-content: center;
user-select: none;
color: var(--font-secondary-color);
font-feature-settings: "tnum";
gap: 5px;
}
.reaction-pill:not(.reacted) {
color: var(--font-secondary-color);
}
.trash-icon {
color: var(--error);
margin-right: auto;

8
packages/app/src/Element/Event/NoteFooter.tsx
View File

@ -200,7 +200,7 @@ export default function NoteFooter(props: NoteFooterProps) {
if (targets) {
return (
<AsyncFooterIcon
className={didZap ? "text-nostr-orange" : "hover:text-nostr-orange"}
className={didZap ? "reacted text-nostr-orange" : "hover:text-nostr-orange"}
{...longPress()}
title={formatMessage({ defaultMessage: "Zap" })}
iconName={canFastZap ? "zapFast" : "zap"}
@ -218,7 +218,7 @@ export default function NoteFooter(props: NoteFooterProps) {
<Menu
menuButton={
<AsyncFooterIcon
className={hasReposted() ? "text-nostr-blue" : "hover:text-nostr-blue"}
className={hasReposted() ? "reacted text-nostr-blue" : "hover:text-nostr-blue"}
iconName="repeat"
title={formatMessage({ defaultMessage: "Repost" })}
value={reposts.length}
@ -259,7 +259,7 @@ export default function NoteFooter(props: NoteFooterProps) {
const reacted = hasReacted("+");
return (
<AsyncFooterIcon
className={reacted ? "text-nostr-red" : "hover:text-nostr-red"}
className={reacted ? "reacted text-nostr-red" : "hover:text-nostr-red"}
iconName={reacted ? "heart-solid" : "heart"}
title={formatMessage({ defaultMessage: "Like" })}
value={positive.length}
@ -275,7 +275,7 @@ export default function NoteFooter(props: NoteFooterProps) {
if (readonly) return;
return (
<AsyncFooterIcon
className={note.show ? "text-nostr-purple" : "hover:text-nostr-purple"}
className={note.show ? "reacted text-nostr-purple" : "hover:text-nostr-purple"}
iconName="reply"
title={formatMessage({ defaultMessage: "Reply" })}
value={props.replies ?? 0}