about summary refs log tree commit diff
path: root/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx
diff options
context:
space:
mode:
authorSamuel Newman <mozzius@protonmail.com>2024-11-19 12:50:06 +0000
committerGitHub <noreply@github.com>2024-11-19 12:50:06 +0000
commitea3fe93be972cd2c7b56acd17278d0c223e4f562 (patch)
tree88e37803bb65547470acfbc82c2444e6cfdf81fa /src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx
parent9a57d2a538e4acf112069aa3b6ba37d615ede758 (diff)
downloadvoidsky-ea3fe93be972cd2c7b56acd17278d0c223e4f562.tar.zst
Attempted video perf improvements (#6519)
* remove layout animations from video

* only show button/spinner when necessary

* use native activityindicator rather than loader
Diffstat (limited to 'src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx')
-rw-r--r--src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx10
1 files changed, 4 insertions, 6 deletions
diff --git a/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx b/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx
index 66e1df50d..9b082cd95 100644
--- a/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx
+++ b/src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx
@@ -1,8 +1,8 @@
 import React from 'react'
 import {StyleProp, ViewStyle} from 'react-native'
-import Animated, {FadeInDown, FadeOutDown} from 'react-native-reanimated'
+import {View} from 'react-native'
 
-import {atoms as a, native, useTheme} from '#/alf'
+import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
 
 /**
@@ -26,9 +26,7 @@ export function TimeIndicator({
   const seconds = String(time % 60).padStart(2, '0')
 
   return (
-    <Animated.View
-      entering={native(FadeInDown.duration(300))}
-      exiting={native(FadeOutDown.duration(500))}
+    <View
       pointerEvents="none"
       style={[
         {
@@ -52,6 +50,6 @@ export function TimeIndicator({
         ]}>
         {`${minutes}:${seconds}`}
       </Text>
-    </Animated.View>
+    </View>
   )
 }