aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2025-12-27 11:14:33 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: make shake work on hold

Browse Source
This commit is contained in:
MTG2000
2022-05-17 12:26:58 +03:00
parent cb39e71b3b
commit b0603cff52
1 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/Components/VoteButton/VoteButton.tsx
View File

@@ -33,6 +33,7 @@ export default function VoteButton({
...props }: Props) {
const [voteCnt, setVoteCnt] = useState(0)
const voteCntRef = useRef(0);
const btnContainerRef = useRef<HTMLDivElement>(null!!)
const [sparks, setSparks] = useState<Particle[]>([]);
const [wasActive, setWasActive] = useState(false);
const [incrementsCount, setIncrementsCount] = useState(0);
@@ -91,7 +92,14 @@ export default function VoteButton({
}, 2 * 1000)
}
const btn = btnContainerRef.current;
if (btn.classList.contains(styles.clicked_2)) {
btn.classList.remove(styles.clicked_2)
btn.classList.add(styles.clicked_1)
} else {
btn.classList.remove(styles.clicked_1)
btn.classList.add(styles.clicked_2)
}
doVote();
}
@@ -136,20 +144,12 @@ export default function VoteButton({
>
<div
ref={btnContainerRef}
className={`
${styles.btn_content}
relative p-10 rounded-lg text-gray-600 bg-white hover:bg-gray-50
${incrementsCount && 'outline'} active:outline outline-1 outline-red-500 `}
onClick={e => {
const btn = e.currentTarget
if (btn.classList.contains(styles.clicked_2)) {
btn.classList.remove(styles.clicked_2)
btn.classList.add(styles.clicked_1)
} else {
btn.classList.remove(styles.clicked_1)
btn.classList.add(styles.clicked_2)
}
}}
>
<div
className={`