+1 -1

src/app/(protected)/index.tsx

reviewed

··· 1 1 import ChatComponentProfiled from "@/components/ChatComponentProfiled"; 2 2 - import { Loading } from "@/components/Loading"; 2 2 + import { Loading } from "@/components/primitives/Loading"; 3 3 import { useChannelRecords } from "@/providers/authed/ChannelsProvider"; 4 4 import { useSessions } from "@/providers/authed/SessionsProvider"; 5 5 import { View } from "react-native";

+1 -1

src/app/login.tsx

reviewed

··· 1 1 import { Login } from "@/components/Auth/Login"; 2 2 - import { Loading } from "@/components/Loading"; 2 2 + import { Loading } from "@/components/primitives/Loading"; 3 3 import { useOAuthValue } from "@/providers/OAuthProvider"; 4 4 import { Redirect } from "expo-router"; 5 5 import { View } from "react-native";

+1 -1

src/components/Auth/SessionGate.tsx

reviewed

··· 1 1 - import { Loading } from "@/components/Loading"; 1 1 + import { Loading } from "@/components/primitives/Loading"; 2 2 import { useOAuthValue } from "@/providers/OAuthProvider"; 3 3 import { Redirect } from "expo-router"; 4 4 import type { ReactNode } from "react";

-9

src/components/Loading.tsx

reviewed

··· 1 1 - import { ActivityIndicator, View } from "react-native"; 2 2 - 3 3 - export const Loading = () => { 4 4 - return ( 5 5 - <View> 6 6 - <ActivityIndicator size="large" /> 7 7 - </View> 8 8 - ); 9 9 - };

+12

src/components/primitives/Loading.tsx

reviewed

··· 1 1 + import type { HexCode } from "@/lib/facet/src/palette"; 2 2 + import { useCurrentPalette } from "@/providers/ThemeProvider"; 3 3 + import { ActivityIndicator, View } from "react-native"; 4 4 + 5 5 + export const Loading = ({ color }: { color?: HexCode }) => { 6 6 + const { semantic } = useCurrentPalette() 7 7 + return ( 8 8 + <View> 9 9 + <ActivityIndicator size="large" color={color ?? semantic.primary} /> 10 10 + </View> 11 11 + ); 12 12 + };