added notification

src/screens/profile/warehouses/ui/TabsAviaWarehouses.tsx

@@ -1,6 +1,7 @@
 import Clipboard from '@react-native-clipboard/clipboard';
 import { useQuery } from '@tanstack/react-query';
 import { authApi } from 'api/auth';
+import warhouses_api from 'api/warhouses';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import {
@@ -53,13 +54,12 @@ const TabsAviaWarehouses = () => {
   const { t } = useTranslation();
 
   const handleCopy = (info: string[]) => {
-    if (getMe?.status === 'active') {
-      const textToCopy = info.join('\n');
-      Clipboard.setString(textToCopy);
+    if (getMe?.status === 'ACTIVE') {
+      Clipboard.setString(info.join('\n'));
       Toast.show({
         type: 'success',
         text1: t('Nusxa olingan'),
-        text2: t('Avia manzili nusxalandi!'),
+        text2: t('Avto manzili nusxalandi!'),
         position: 'top',
         visibilityTime: 2000,
       });
@@ -74,39 +74,50 @@ const TabsAviaWarehouses = () => {
     }
   };
 
+  const { data } = useQuery({
+    queryKey: ['warhouses'],
+    queryFn: () => warhouses_api.getWarhouses({ cargoType: 'AVIA' }),
+  });
+
+  const formattedData =
+    data?.map((item: string | null) => {
+      if (!item) return '';
+
+      const withAutoCargo = item.replace('%s', getMe?.autoCargoId || '');
+
+      const withAviaCargo = withAutoCargo.replace(
+        '%s',
+        getMe?.aviaCargoId || '',
+      );
+
+      return withAviaCargo;
+    }) || [];
+
   return (
     <FlatList
-      data={addressList}
+      data={formattedData}
       horizontal
-      keyExtractor={item => item.id.toString()}
+      keyExtractor={(_, index) => index.toString()}
       pagingEnabled
       showsHorizontalScrollIndicator={false}
-      snapToInterval={cardWidth + 10} // +10: marginRight
+      snapToInterval={cardWidth + 10}
       decelerationRate="fast"
       renderItem={({ item, index }) => {
-        const isLast = index === addressList.length - 1;
+        const isLast = index === formattedData.length - 1;
         return (
           <View style={[styles.card, { marginRight: isLast ? 0 : 10 }]}>
             <View style={styles.titleCard}>
               <Kitay width={24 * scale} height={24 * scale} />
-              <Text style={styles.title}>{item.title}</Text>
+              <Text style={styles.title}>China (Auto)</Text>
             </View>
             <View style={styles.infoId}>
-              <View style={{ gap: 4 * scale }}>
-                {item.addressInfo.map((line, idx) => (
-                  <Text key={idx} style={styles.infoText}>
-                    {line}
-                  </Text>
-                ))}
+              <View style={{ gap: 4 * scale, width: '90%' }}>
+                <Text style={styles.infoText}>{item}</Text>
               </View>
               <TouchableOpacity onPress={() => handleCopy(item.addressInfo)}>
                 <Copy color="#28A7E8" width={24 * scale} height={24 * scale} />
               </TouchableOpacity>
             </View>
-            <View style={styles.postCodeWrapper}>
-              <Text style={styles.postCodeText}>{t('Avia post kodi')}: </Text>
-              <Text style={styles.postCode}>{item.postCode}</Text>
-            </View>
           </View>
         );
       }}
@@ -116,26 +127,7 @@ const TabsAviaWarehouses = () => {
 
 const makeStyles = (scale: number, cardWidth: number, screenWidth: number) =>
   StyleSheet.create({
-    container: {
-      height: 200,
-      width: '95%',
-      backgroundColor: '#28a8e82c',
-      margin: 'auto',
-      marginTop: 20,
-      borderRadius: 12,
-      padding: 12,
-      gap: 10,
-    },
-    scrollContainer: {
-      marginTop: 20,
-      paddingHorizontal: (screenWidth - cardWidth) / 2,
-    },
-    postCodeWrapper: {
-      flexDirection: 'row',
-      alignItems: 'center',
-    },
     card: {
-      height: 220 * scale,
       width: cardWidth,
       backgroundColor: '#28a8e82c',
       borderRadius: 12 * scale,
@@ -144,31 +136,37 @@ const makeStyles = (scale: number, cardWidth: number, screenWidth: number) =>
     },
     titleCard: {
       flexDirection: 'row',
-      gap: 8,
+      gap: 8 * scale,
       alignItems: 'center',
     },
     title: {
-      fontSize: 20,
+      fontSize: 20 * scale,
       fontWeight: '600',
       color: '#101623CC',
     },
     infoId: {
       flexDirection: 'row',
       justifyContent: 'space-between',
+      marginVertical: 8 * scale,
     },
     infoText: {
-      fontSize: 16,
+      fontSize: 16 * scale,
       color: '#28A7E8',
     },
+    postCodeWrapper: {
+      flexDirection: 'row',
+      alignItems: 'center',
+    },
     postCodeText: {
-      fontSize: 16,
+      fontSize: 16 * scale,
       color: '#000000',
       fontWeight: '500',
     },
     postCode: {
-      fontSize: 16,
+      fontSize: 16 * scale,
       color: '#28A7E8',
       fontWeight: '400',
+      marginLeft: 4 * scale,
     },
   });