mirror of
https://github.com/luminous-devs/lume.git
synced 2024-09-19 11:43:30 +00:00
updated counter components
This commit is contained in:
parent
eabb16dde1
commit
f1ecfbcca4
@ -1,6 +1,6 @@
|
|||||||
import { RelayContext } from '@components/contexts/relay';
|
import { RelayContext } from '@components/contexts/relay';
|
||||||
import { CommentsCounter } from '@components/note/content/counter/comments';
|
import { CommentsCounter } from '@components/note/counter/comments';
|
||||||
import { LikesCounter } from '@components/note/content/counter/likes';
|
import { LikesCounter } from '@components/note/counter/likes';
|
||||||
|
|
||||||
import { useLocalStorage } from '@rehooks/local-storage';
|
import { useLocalStorage } from '@rehooks/local-storage';
|
||||||
import { useContext, useMemo, useState } from 'react';
|
import { useContext, useMemo, useState } from 'react';
|
||||||
|
@ -21,6 +21,7 @@ export const LikesCounter = memo(function LikesCounter({
|
|||||||
const [currentUser]: any = useLocalStorage('current-user');
|
const [currentUser]: any = useLocalStorage('current-user');
|
||||||
|
|
||||||
const [isReact, setIsReact] = useState(false);
|
const [isReact, setIsReact] = useState(false);
|
||||||
|
const [count, setCount] = useState(likes);
|
||||||
|
|
||||||
const handleLike = useCallback(
|
const handleLike = useCallback(
|
||||||
(e: any) => {
|
(e: any) => {
|
||||||
@ -42,8 +43,10 @@ export const LikesCounter = memo(function LikesCounter({
|
|||||||
relayPool.publish(event, relays);
|
relayPool.publish(event, relays);
|
||||||
// update state to change icon to filled heart
|
// update state to change icon to filled heart
|
||||||
setIsReact(true);
|
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 (
|
return (
|
||||||
@ -75,7 +78,7 @@ export const LikesCounter = memo(function LikesCounter({
|
|||||||
</svg>
|
</svg>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<span>{likes}</span>
|
<span>{count}</span>
|
||||||
</button>
|
</button>
|
||||||
);
|
);
|
||||||
});
|
});
|
Loading…
Reference in New Issue
Block a user