nostr/lume
1
0
Fork 0
mirror of https://github.com/luminous-devs/lume.git synced 2024-09-18 11:13:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated counter components

Browse Source
This commit is contained in:
Ren Amamiya 2023-03-18 15:33:28 +07:00
parent eabb16dde1
commit f1ecfbcca4
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/note/content/metadata.tsx
View File

@ -1,6 +1,6 @@
import { RelayContext } from '@components/contexts/relay';
import { CommentsCounter } from '@components/note/content/counter/comments';
import { LikesCounter } from '@components/note/content/counter/likes';
import { CommentsCounter } from '@components/note/counter/comments';
import { LikesCounter } from '@components/note/counter/likes';
import { useLocalStorage } from '@rehooks/local-storage';
import { useContext, useMemo, useState } from 'react';

0
src/components/note/content/counter/comments.tsx → src/components/note/counter/comments.tsx
View File

7
src/components/note/content/counter/likes.tsx → src/components/note/counter/likes.tsx
View File

@ -21,6 +21,7 @@ export const LikesCounter = memo(function LikesCounter({
const [currentUser]: any = useLocalStorage('current-user');
const [isReact, setIsReact] = useState(false);
const [count, setCount] = useState(likes);
const handleLike = useCallback(
(e: any) => {
@ -42,8 +43,10 @@ export const LikesCounter = memo(function LikesCounter({
relayPool.publish(event, relays);
// update state to change icon to filled heart
setIsReact(true);
// update counter
setCount(count + 1);
},
[currentUser.id, currentUser.privkey, eventID, eventPubkey, relayPool, relays]
[currentUser.id, currentUser.privkey, eventID, eventPubkey, count, relayPool, relays]
);
return (
@ -75,7 +78,7 @@ export const LikesCounter = memo(function LikesCounter({
</svg>
)}
</div>
<span>{likes}</span>
<span>{count}</span>
</button>
);
});