upd: redesign

constants/Styles.ts

@@ -465,6 +465,13 @@ const Styles = StyleSheet.create({
       shadowRadius: 0,
       elevation: 0,
    },
+   shadowBox: {
+      shadowColor: '#171717',
+      shadowOffset: { width: 0, height: 0 },
+      shadowOpacity: 0.1,
+      shadowRadius: 4,
+      elevation: 5,
+   },
    contentItemCenter: {
       justifyContent: 'center',
       alignItems: 'center'
@@ -860,6 +867,24 @@ const Styles = StyleSheet.create({
    },
    alignStart: {
       alignItems: 'flex-start'
+   },
+   loadingCenter: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      justifyContent: 'center',
+      alignItems: 'center',
+      zIndex: 999,
+      backgroundColor: 'rgba(0,0,0,0.3)',
+   },
+   loadingBox: {
+      paddingVertical: 15,
+      paddingHorizontal: 40,
+      borderRadius: 5,
+      alignItems: 'center',
+      gap: 10,
    }
 })