fix: linear gradient imports

Author: im-adithya

components/ui/button.tsx

@@ -1,7 +1,7 @@
 import { cva, type VariantProps } from "class-variance-authority";
-import { LinearGradient } from "expo-linear-gradient";
 import * as React from "react";
 import { Platform, Pressable, View } from "react-native";
+import { LinearGradient } from "~/components/LinearGradient";
 import { TextClassContext } from "~/components/ui/text";
 import { useThemeColor } from "~/lib/useThemeColor";
 import { cn } from "~/lib/utils";

components/ui/checkbox.tsx

@@ -1,7 +1,7 @@
-import { LinearGradient } from "expo-linear-gradient";
 import * as React from "react";
 import { TouchableOpacity } from "react-native";
 import CheckIcon from "~/components/icons/CheckIcon";
+import { LinearGradient } from "~/components/LinearGradient";
 import { useThemeColor } from "~/lib/useThemeColor";
 import { cn } from "~/lib/utils";
 

components/ui/switch.tsx

@@ -1,12 +1,12 @@
 import * as SwitchPrimitives from "@rn-primitives/switch";
-import { LinearGradient } from "expo-linear-gradient";
 import * as React from "react";
 import { Platform } from "react-native";
 import Animated, {
   useAnimatedStyle,
   useDerivedValue,
   withTiming,
 } from "react-native-reanimated";
+import { LinearGradient } from "~/components/LinearGradient";
 import { useThemeColor } from "~/lib/useThemeColor";
 import { cn } from "~/lib/utils";
 

pages/Home.tsx

@@ -18,11 +18,11 @@ import {
 } from "~/components/Icons";
 import { Text } from "~/components/ui/text";
 
-import { LinearGradient } from "expo-linear-gradient";
 import { type SvgProps } from "react-native-svg";
 import AlbyBanner from "~/components/AlbyBanner";
 import LargeArrowDown from "~/components/icons/LargeArrowDown";
 import LargeArrowUp from "~/components/icons/LargeArrowUp";
+import { LinearGradient } from "~/components/LinearGradient";
 import Screen from "~/components/Screen";
 import { Skeleton } from "~/components/ui/skeleton";
 import { useGetFiatAmount } from "~/hooks/useGetFiatAmount";