From 12b4a250d2fc546f8f8c698d3f67931d976e429f Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Wed, 4 Sep 2024 09:39:34 -0700
Subject: [PATCH] [Video] `withRepeat` for spinner (#5141)

---
 src/view/com/composer/Composer.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/view/com/composer/Composer.tsx b/src/view/com/composer/Composer.tsx
index 4a6e4141..d8aa598e 100644
--- a/src/view/com/composer/Composer.tsx
+++ b/src/view/com/composer/Composer.tsx
@@ -27,6 +27,7 @@ import Animated, {
   useAnimatedStyle,
   useDerivedValue,
   useSharedValue,
+  withRepeat,
   withTiming,
 } from 'react-native-reanimated'
 import {useSafeAreaInsets} from 'react-native-safe-area-context'
@@ -1089,10 +1090,13 @@ function VideoUploadToolbar({state}: {state: VideoUploadState}) {
 
   const rotate = useDerivedValue(() => {
     if (progress === 0 || progress >= 0.99) {
-      return withTiming(360, {
-        duration: 2500,
-        easing: Easing.out(Easing.cubic),
-      })
+      return withRepeat(
+        withTiming(360, {
+          duration: 2500,
+          easing: Easing.out(Easing.cubic),
+        }),
+        -1,
+      )
     }
     return 0
   })