upd: redesign

components/loadingCenter.tsx

@@ -0,0 +1,21 @@
+import Text from '@/components/Text';
+import Styles from '@/constants/Styles';
+import { useTheme } from '@/providers/ThemeProvider';
+import { ActivityIndicator, View } from 'react-native';
+
+type Props = {
+   size?: 'small' | 'large'
+}
+
+export default function LoadingCenter({ size = 'large' }: Props) {
+   const { colors } = useTheme();
+
+   return (
+      <View style={[Styles.loadingCenter]}>
+         <View style={[Styles.loadingBox, Styles.shadowBox, { backgroundColor: colors.modalBackground }]}>
+            <ActivityIndicator size={size} color={colors.dimmed} />
+            <Text style={{ color: colors.dimmed }}>Loading</Text>
+         </View>
+      </View>
+   )
+}