summaryrefslogtreecommitdiff
path: root/components/HelloWave.tsx
diff options
context:
space:
mode:
authorSanto Cariotti <santo@dcariotti.me>2024-08-29 18:27:23 +0200
committerSanto Cariotti <santo@dcariotti.me>2024-08-29 18:27:23 +0200
commitae63532503eb0b5c7a60d18ef17504c0632d508d (patch)
tree832c41d50b2621f5a6ffdc1900eadb10cd652440 /components/HelloWave.tsx
parentd8f83a2faa426cc9d83c5a0192b5a007983c916e (diff)
Login page
Diffstat (limited to 'components/HelloWave.tsx')
-rw-r--r--components/HelloWave.tsx37
1 files changed, 0 insertions, 37 deletions
diff --git a/components/HelloWave.tsx b/components/HelloWave.tsx
deleted file mode 100644
index f4b6ea5..0000000
--- a/components/HelloWave.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { StyleSheet } from 'react-native';
-import Animated, {
- useSharedValue,
- useAnimatedStyle,
- withTiming,
- withRepeat,
- withSequence,
-} from 'react-native-reanimated';
-
-import { ThemedText } from '@/components/ThemedText';
-
-export function HelloWave() {
- const rotationAnimation = useSharedValue(0);
-
- rotationAnimation.value = withRepeat(
- withSequence(withTiming(25, { duration: 150 }), withTiming(0, { duration: 150 })),
- 4 // Run the animation 4 times
- );
-
- const animatedStyle = useAnimatedStyle(() => ({
- transform: [{ rotate: `${rotationAnimation.value}deg` }],
- }));
-
- return (
- <Animated.View style={animatedStyle}>
- <ThemedText style={styles.text}>👋</ThemedText>
- </Animated.View>
- );
-}
-
-const styles = StyleSheet.create({
- text: {
- fontSize: 28,
- lineHeight: 32,
- marginTop: -6,
- },
-});