From 284d75731145e0a9a0f15d521df8557453beebce Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Mon, 2 Sep 2024 01:11:52 -0700
Subject: [PATCH] dont render if reduced motion

---
 src/lib/custom-animations/CountWheel.tsx     | 36 +++++++++++---------
 src/lib/custom-animations/CountWheel.web.tsx | 34 +++++++++---------
 2 files changed, 37 insertions(+), 33 deletions(-)

diff --git a/src/lib/custom-animations/CountWheel.tsx b/src/lib/custom-animations/CountWheel.tsx
index 130c71096e..10ef882e5f 100644
--- a/src/lib/custom-animations/CountWheel.tsx
+++ b/src/lib/custom-animations/CountWheel.tsx
@@ -153,23 +153,25 @@ export function CountWheel({
               {formattedCount}
             </Text>
           </Animated.View>
-          <Animated.View
-            entering={exitingAnimation}
-            // Add 2 to the key so there are never duplicates
-            key={key + 2}
-            style={[a.absolute]}
-            aria-disabled={true}>
-            <Text
-              style={[
-                big ? a.text_md : {fontSize: 15},
-                a.user_select_none,
-                isLiked
-                  ? [a.font_bold, s.likeColor]
-                  : {color: t.palette.contrast_500},
-              ]}>
-              {formattedPrevCount}
-            </Text>
-          </Animated.View>
+          {shouldAnimate ? (
+            <Animated.View
+              entering={exitingAnimation}
+              // Add 2 to the key so there are never duplicates
+              key={key + 2}
+              style={[a.absolute]}
+              aria-disabled={true}>
+              <Text
+                style={[
+                  big ? a.text_md : {fontSize: 15},
+                  a.user_select_none,
+                  isLiked
+                    ? [a.font_bold, s.likeColor]
+                    : {color: t.palette.contrast_500},
+                ]}>
+                {formattedPrevCount}
+              </Text>
+            </Animated.View>
+          ) : null}
         </View>
       ) : null}
     </LayoutAnimationConfig>
diff --git a/src/lib/custom-animations/CountWheel.web.tsx b/src/lib/custom-animations/CountWheel.web.tsx
index a00f60772d..2321ca4c4a 100644
--- a/src/lib/custom-animations/CountWheel.web.tsx
+++ b/src/lib/custom-animations/CountWheel.web.tsx
@@ -97,22 +97,24 @@ export function CountWheel({
           {formattedCount}
         </Text>
       </View>
-      <View
-        style={{position: 'absolute'}}
-        aria-disabled={true}
-        // @ts-expect-error is div
-        ref={prevCountView}>
-        <Text
-          style={[
-            big ? a.text_md : {fontSize: 15},
-            a.user_select_none,
-            isLiked
-              ? [a.font_bold, s.likeColor]
-              : {color: t.palette.contrast_500},
-          ]}>
-          {formattedPrevCount}
-        </Text>
-      </View>
+      {shouldAnimate ? (
+        <View
+          style={{position: 'absolute'}}
+          aria-disabled={true}
+          // @ts-expect-error is div
+          ref={prevCountView}>
+          <Text
+            style={[
+              big ? a.text_md : {fontSize: 15},
+              a.user_select_none,
+              isLiked
+                ? [a.font_bold, s.likeColor]
+                : {color: t.palette.contrast_500},
+            ]}>
+            {formattedPrevCount}
+          </Text>
+        </View>
+      ) : null}
     </View>
   )
 }