aboutsummaryrefslogtreecommitdiffstats
path: root/packages/mobile/components/ui/Skeleton.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-03-13 21:43:44 +0000
committerMohamed Bassem <me@mbassem.com>2024-03-14 16:40:45 +0000
commit04572a8e5081b1e4871e273cde9dbaaa44c52fe0 (patch)
tree8e993acb732a50d1306d4d6953df96c165c57f57 /packages/mobile/components/ui/Skeleton.tsx
parent2df08ed08c065e8b91bc8df0266bd4bcbb062be4 (diff)
downloadkarakeep-04572a8e5081b1e4871e273cde9dbaaa44c52fe0.tar.zst
structure: Create apps dir and copy tooling dir from t3-turbo repo
Diffstat (limited to 'packages/mobile/components/ui/Skeleton.tsx')
-rw-r--r--packages/mobile/components/ui/Skeleton.tsx38
1 files changed, 0 insertions, 38 deletions
diff --git a/packages/mobile/components/ui/Skeleton.tsx b/packages/mobile/components/ui/Skeleton.tsx
deleted file mode 100644
index 68b22e1e..00000000
--- a/packages/mobile/components/ui/Skeleton.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect, useRef } from "react";
-import { Animated, type View } from "react-native";
-
-import { cn } from "@/lib/utils";
-
-function Skeleton({
- className,
- ...props
-}: { className?: string } & React.ComponentPropsWithoutRef<typeof View>) {
- const fadeAnim = useRef(new Animated.Value(0.5)).current;
-
- useEffect(() => {
- Animated.loop(
- Animated.sequence([
- Animated.timing(fadeAnim, {
- toValue: 1,
- duration: 1000,
- useNativeDriver: true,
- }),
- Animated.timing(fadeAnim, {
- toValue: 0.5,
- duration: 1000,
- useNativeDriver: true,
- }),
- ]),
- ).start();
- }, [fadeAnim]);
-
- return (
- <Animated.View
- className={cn("bg-muted rounded-md", className)}
- style={[{ opacity: fadeAnim }]}
- {...props}
- />
- );
-}
-
-export { Skeleton };