diff options
author | Samuel Newman <mozzius@protonmail.com> | 2024-11-19 12:50:06 +0000 |
---|---|---|
committer | GitHub <noreply@github.com> | 2024-11-19 12:50:06 +0000 |
commit | ea3fe93be972cd2c7b56acd17278d0c223e4f562 (patch) | |
tree | 88e37803bb65547470acfbc82c2444e6cfdf81fa /src/view/com/util/post-embeds/VideoEmbedInner/TimeIndicator.tsx | |
parent | 9a57d2a538e4acf112069aa3b6ba37d615ede758 (diff) | |
download | voidsky-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.tsx | 10 |
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> ) } |