This commit is contained in:
parent
7ee210da16
commit
6657161a32
@ -38,7 +38,7 @@ export default function NoteFooter(props: NoteFooterProps) {
|
|||||||
{prefs.enableReactions && <LikeButton ev={ev} positiveReactions={positive} />}
|
{prefs.enableReactions && <LikeButton ev={ev} positiveReactions={positive} />}
|
||||||
{CONFIG.showPowIcon && <PowIcon ev={ev} />}
|
{CONFIG.showPowIcon && <PowIcon ev={ev} />}
|
||||||
<FooterZapButton ev={ev} zaps={zaps} onClickZappers={() => setShowReactions(true)} />
|
<FooterZapButton ev={ev} zaps={zaps} onClickZappers={() => setShowReactions(true)} />
|
||||||
{showReactions && <ReactionsModal onClose={() => setShowReactions(false)} event={ev} />}
|
{showReactions && <ReactionsModal initialTab={1} onClose={() => setShowReactions(false)} event={ev} />}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
@ -17,9 +17,10 @@ import messages from "../../messages";
|
|||||||
interface ReactionsModalProps {
|
interface ReactionsModalProps {
|
||||||
onClose(): void;
|
onClose(): void;
|
||||||
event: TaggedNostrEvent;
|
event: TaggedNostrEvent;
|
||||||
|
initialTab?: number;
|
||||||
}
|
}
|
||||||
|
|
||||||
const ReactionsModal = ({ onClose, event }: ReactionsModalProps) => {
|
const ReactionsModal = ({ onClose, event, initialTab = 0 }: ReactionsModalProps) => {
|
||||||
const { formatMessage } = useIntl();
|
const { formatMessage } = useIntl();
|
||||||
|
|
||||||
const link = NostrLink.fromEvent(event);
|
const link = NostrLink.fromEvent(event);
|
||||||
@ -55,7 +56,7 @@ const ReactionsModal = ({ onClose, event }: ReactionsModalProps) => {
|
|||||||
return dislikes.length !== 0 ? baseTabs.concat(createTab(messages.Dislikes, dislikes.length, 3)) : baseTabs;
|
return dislikes.length !== 0 ? baseTabs.concat(createTab(messages.Dislikes, dislikes.length, 3)) : baseTabs;
|
||||||
}, [likes.length, zaps.length, reposts.length, dislikes.length, formatMessage]);
|
}, [likes.length, zaps.length, reposts.length, dislikes.length, formatMessage]);
|
||||||
|
|
||||||
const [tab, setTab] = useState(tabs[0]);
|
const [tab, setTab] = useState(tabs[initialTab]);
|
||||||
|
|
||||||
const renderReactionItem = (ev, icon, size) => (
|
const renderReactionItem = (ev, icon, size) => (
|
||||||
<div key={ev.id} className="reactions-item">
|
<div key={ev.id} className="reactions-item">
|
||||||
|
Loading…
Reference in New Issue
Block a user