jeanmachine.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
fix prop names (#6130)
hailey.at
+6
-6
+3
-3
src/lib/custom-animations/CountWheel.web.tsx
+3
-3
src/lib/custom-animations/CountWheel.web.tsx
···
39
39
likeCount,
40
40
big,
41
41
isLiked,
42
-
isToggle,
42
+
hasBeenToggled,
43
43
}: {
44
44
likeCount: number
45
45
big?: boolean
46
46
isLiked: boolean
47
-
isToggle: boolean
47
+
hasBeenToggled: boolean
48
48
}) {
49
49
const t = useTheme()
50
-
const shouldAnimate = !useReducedMotion() && isToggle
50
+
const shouldAnimate = !useReducedMotion() && hasBeenToggled
51
51
const shouldRoll = decideShouldRoll(isLiked, likeCount)
52
52
53
53
const countView = React.useRef<HTMLDivElement>(null)
+3
-3
src/lib/custom-animations/LikeIcon.web.tsx
+3
-3
src/lib/custom-animations/LikeIcon.web.tsx
···
41
41
export function AnimatedLikeIcon({
42
42
isLiked,
43
43
big,
44
-
isToggle,
44
+
hasBeenToggled,
45
45
}: {
46
46
isLiked: boolean
47
47
big?: boolean
48
-
isToggle: boolean
48
+
hasBeenToggled: boolean
49
49
}) {
50
50
const t = useTheme()
51
51
const size = big ? 22 : 18
52
-
const shouldAnimate = !useReducedMotion() && isToggle
52
+
const shouldAnimate = !useReducedMotion() && hasBeenToggled
53
53
const prevIsLiked = React.useRef(isLiked)
54
54
55
55
const likeIconRef = React.useRef<HTMLDivElement>(null)