diff --git a/.env b/.env
index cbb576e..259859e 100644
--- a/.env
+++ b/.env
@@ -1 +1,11 @@
-COINGECKO_API_KEY = CG-UtAvbp9TnEjhPSvXfMFTe8Dz
\ No newline at end of file
+COINGECKO_API_KEY = CG-UtAvbp9TnEjhPSvXfMFTe8Dz
+
+FIREBASE_API_KEY = AIzaSyBo1BDdUIC_4Oiqqa0klf8KPP1JlvNhPwE
+FIREBASE_AUTH_DOMAIN = mycoins-ebac8.firebaseapp.com
+FIREBASE_PROJECT_ID = mycoins-ebac8
+FIREBASE_STORAGE_BUCKET = mycoins-ebac8.appspot.com
+FIREBASE_MESSAGING_SENDER_ID = 597544437119
+FIREBASE_APP_ID = 1:597544437119:web:bdd50f432d6e4f0ccf464a
+FIREBASE_MEASUREMENT_ID = G-3Z3ZVXZQ3V
+
+GOOGLE_MAPS_API_KEY = AIzaSyCLqIJhsVysRvFMdEFYXDWfCj94y-W9cuM
\ No newline at end of file
diff --git a/ios/MyCoins.xcodeproj/project.pbxproj b/ios/MyCoins.xcodeproj/project.pbxproj
index de8d78f..8cc2a90 100644
--- a/ios/MyCoins.xcodeproj/project.pbxproj
+++ b/ios/MyCoins.xcodeproj/project.pbxproj
@@ -693,11 +693,7 @@
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 				);
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					"-Wl",
-					"-ld_classic",
-				);
+				OTHER_LDFLAGS = "$(inherited)";
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = true;
@@ -765,11 +761,7 @@
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 				);
-				OTHER_LDFLAGS = (
-					"$(inherited)",
-					"-Wl",
-					"-ld_classic",
-				);
+				OTHER_LDFLAGS = "$(inherited)";
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../node_modules/react-native";
 				SDKROOT = iphoneos;
 				USE_HERMES = true;
diff --git a/ios/Podfile.lock b/ios/Podfile.lock
index eaf5d8d..a4188a2 100644
--- a/ios/Podfile.lock
+++ b/ios/Podfile.lock
@@ -1115,7 +1115,7 @@ PODS:
     - React-jsi (= 0.73.4)
     - React-logger (= 0.73.4)
     - React-perflogger (= 0.73.4)
-  - RNCAsyncStorage (1.22.2):
+  - RNCAsyncStorage (1.22.3):
     - React-Core
   - RNPermissions (4.1.4):
     - React-Core
@@ -1393,12 +1393,12 @@ SPEC CHECKSUMS:
   React-runtimescheduler: ed48e5faac6751e66ee1261c4bd01643b436f112
   React-utils: 6e5ad394416482ae21831050928ae27348f83487
   ReactCommon: 840a955d37b7f3358554d819446bffcf624b2522
-  RNCAsyncStorage: 014a78b2cc8cc107c9e92ee428dc0c1ac3223416
+  RNCAsyncStorage: 10591b9e0a91eaffee14e69b3721009759235125
   RNPermissions: 58ee5afa4777d05c5922b80cd85171d5ec9e0ce9
   RNScreens: b582cb834dc4133307562e930e8fa914b8c04ef2
   SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
-  Yoga: 1b901a6d6eeba4e8a2e8f308f708691cdb5db312
+  Yoga: 64cd2a583ead952b0315d5135bf39e053ae9be70
 
 PODFILE CHECKSUM: 7e6c6eee90d53c14cbc62b7bfad7234b931020e1
 
-COCOAPODS: 1.15.2
+COCOAPODS: 1.11.3
diff --git a/src/components/MainPage/ListAllExchange.tsx b/src/components/MainPage/ListAllExchange.tsx
new file mode 100644
index 0000000..5d6f768
--- /dev/null
+++ b/src/components/MainPage/ListAllExchange.tsx
@@ -0,0 +1,92 @@
+import React from 'react';
+import {
+  StyleSheet,
+  View,
+  Image,
+  Touchable,
+  TouchableOpacity,
+} from 'react-native';
+import {Text} from 'react-native-elements';
+import Feather from 'react-native-vector-icons/Feather';
+
+interface MainItemBoxProps {
+  item: MainItem;
+  onFavoritePress: (id: string) => void;
+  onPress?: () => void;
+}
+
+interface MainItem {
+  id: string;
+  name: string;
+}
+
+const ListAllExchange: React.FC<MainItemBoxProps> = ({
+  item,
+  onFavoritePress,
+  onPress,
+}: MainItemBoxProps) => {
+  return (
+    <TouchableOpacity onPress={onPress}>
+      <View style={styles.card}>
+        <View style={styles.details}>
+          <Text style={styles.name}>{item.name}</Text>
+          <Feather
+            name="heart"
+            size={24}
+            color="#ffffff"
+            onPress={() => {
+              onFavoritePress(item.id);
+            }}
+          />
+        </View>
+      </View>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  card: {
+    flexDirection: 'row',
+    height: 200,
+    alignItems: 'center',
+    backgroundColor: '#213056',
+    borderRadius: 10,
+    padding: 20,
+    marginBottom: 10,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  image: {
+    width: 80,
+    height: 80,
+    resizeMode: 'contain',
+    marginRight: 10,
+  },
+  details: {
+    flex: 1,
+  },
+  name: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginBottom: 5,
+    color: '#ffffff',
+  },
+  symbol: {
+    fontSize: 16,
+    color: '#ffffff',
+    marginBottom: 5,
+  },
+
+  id: {
+    fontSize: 12,
+    color: '#ffffff',
+  },
+});
+
+export default ListAllExchange;
diff --git a/src/components/MainPage/ListAllNft.tsx b/src/components/MainPage/ListAllNft.tsx
new file mode 100644
index 0000000..7b261b6
--- /dev/null
+++ b/src/components/MainPage/ListAllNft.tsx
@@ -0,0 +1,92 @@
+import React from 'react';
+import {
+  StyleSheet,
+  View,
+  Image,
+  Touchable,
+  TouchableOpacity,
+} from 'react-native';
+import {Text} from 'react-native-elements';
+import Feather from 'react-native-vector-icons/Feather';
+
+interface MainItemBoxProps {
+  item: MainItem;
+  onFavoritePress: (id: string) => void;
+  onPress?: () => void;
+}
+
+interface MainItem {
+  id: string;
+  name: string;
+}
+
+const ListAllNft: React.FC<MainItemBoxProps> = ({
+  item,
+  onFavoritePress,
+  onPress,
+}: MainItemBoxProps) => {
+  return (
+    <TouchableOpacity onPress={onPress}>
+      <View style={styles.card}>
+        <View style={styles.details}>
+          <Text style={styles.name}>{item.name}</Text>
+          <Feather
+            name="heart"
+            size={24}
+            color="#ffffff"
+            onPress={() => {
+              onFavoritePress(item.id);
+            }}
+          />
+        </View>
+      </View>
+    </TouchableOpacity>
+  );
+};
+
+const styles = StyleSheet.create({
+  card: {
+    flexDirection: 'row',
+    height: 200,
+    alignItems: 'center',
+    backgroundColor: '#213056',
+    borderRadius: 10,
+    padding: 20,
+    marginBottom: 10,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  image: {
+    width: 80,
+    height: 80,
+    resizeMode: 'contain',
+    marginRight: 10,
+  },
+  details: {
+    flex: 1,
+  },
+  name: {
+    fontSize: 20,
+    fontWeight: 'bold',
+    marginBottom: 5,
+    color: '#ffffff',
+  },
+  symbol: {
+    fontSize: 16,
+    color: '#ffffff',
+    marginBottom: 5,
+  },
+
+  id: {
+    fontSize: 12,
+    color: '#ffffff',
+  },
+});
+
+export default ListAllNft;
diff --git a/src/components/MainPage/ListExchange.tsx b/src/components/MainPage/ListExchange.tsx
index 94c96dd..a5ed485 100644
--- a/src/components/MainPage/ListExchange.tsx
+++ b/src/components/MainPage/ListExchange.tsx
@@ -1,11 +1,12 @@
 import React from 'react';
-import {StyleSheet, View, Image} from 'react-native';
+import {StyleSheet, View, Image, Touchable, TouchableOpacity} from 'react-native';
 import {Text} from 'react-native-elements';
 import Feather from 'react-native-vector-icons/Feather';
 
 interface MainItemBoxProps {
   item: MainItem;
   onFavoritePress: (id: string) => void;
+  onPress?: () => void;
 }
 
 interface MainItem {
@@ -18,23 +19,26 @@ interface MainItem {
 const ListExchange: React.FC<MainItemBoxProps> = ({
   item,
   onFavoritePress,
+  onPress,
 }: MainItemBoxProps) => {
   return (
-    <View style={styles.card}>
-      <View style={styles.details}>
-        <Image source={{uri: item.image}} style={styles.image} />
-        <Text style={styles.name}>{item.name}</Text>
-        <Text style={styles.symbol}>{item.symbol}</Text>
-        <Feather
-          name="heart"
-          size={24}
-          color="#ffffff"
-          onPress={() => {
-            onFavoritePress(item.id);
-          }}
-        />
+    <TouchableOpacity onPress={onPress}>
+      <View style={styles.card}>
+        <View style={styles.details}>
+          <Image source={{uri: item.image}} style={styles.image} />
+          <Text style={styles.name}>{item.name}</Text>
+          <Text style={styles.symbol}>{item.symbol}</Text>
+          <Feather
+            name="heart"
+            size={24}
+            color="#ffffff"
+            onPress={() => {
+              onFavoritePress(item.id);
+            }}
+          />
+        </View>
       </View>
-    </View>
+    </TouchableOpacity>
   );
 };
 
diff --git a/src/components/MainPage/ModalNftContent.tsx b/src/components/MainPage/ModalNftContent.tsx
index a77b1b3..b295e0a 100644
--- a/src/components/MainPage/ModalNftContent.tsx
+++ b/src/components/MainPage/ModalNftContent.tsx
@@ -2,47 +2,84 @@ import React from 'react';
 import {ScrollView, StyleSheet, View, Image} from 'react-native';
 import {Text} from 'react-native-elements';
 
-type ModalCoinContentProps = {
+type ModalNftContentProps = {
   item: itemContent;
 };
 
 type itemContent = {
-  description: {
-    en: string;
-  };
+  description: string;
   id: string;
   name: string;
   symbol: string;
   image: {
-    large: string;
+    small: string;
   };
 };
 
-function ModalNftContent({item}: ModalCoinContentProps): React.JSX.Element {
+function ModalNftContent({item}: ModalNftContentProps): React.JSX.Element {
   return (
-    <ScrollView>
-      <View style={styles.container}>
-        <View>
-          <Image source={{uri: item.image.large}} style={styles.image} />
-          <Text>Id: {item.id}</Text>
-          <Text>Name: {item.name}</Text>
-          <Text>Symbol: {item.symbol}</Text>
-          <Text>Description: {item.description.en}</Text>
+    <ScrollView style={styles.container}>
+      <View style={styles.topRow}>
+        <Image source={{uri: item.image.small}} style={styles.image} />
+        <View style={styles.columnData}>
+          <Text style={styles.name}>{item.name}</Text>
+          <Text style={styles.symbol}> | {item.symbol}</Text>
+          <Text>ID: {item.id}</Text>
+          <Text style={styles.descriptionTitle}>Description</Text>
+          <Text style={styles.description}>
+            {truncateString(item.description, 1000)}
+          </Text>
         </View>
       </View>
     </ScrollView>
   );
 }
 
+function truncateString(str: string, num: number) {
+  if (str && num) {
+    if (str.length <= num) {
+      return str;
+    }
+    return str?.slice(0, num) + '...';
+  }
+}
+
 const styles = StyleSheet.create({
   container: {
     flex: 1,
   },
+  topRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 10,
+  },
   image: {
     width: 80,
     height: 80,
     resizeMode: 'contain',
     marginRight: 10,
+    borderRadius: 40,
+  },
+  columnData: {
+    flex: 1,
+    flexDirection: 'column',
+  },
+  name: {
+    fontSize: 25,
+    fontWeight: 'bold',
+  },
+  symbol: {
+    fontSize: 22,
+    textTransform: 'uppercase',
+  },
+  descriptionTitle: {
+    fontSize: 25,
+    fontWeight: 'bold',
+    marginTop: 30,
+  },
+  description: {
+    marginTop: 10,
+    fontSize: 16,
   },
 });
 
diff --git a/src/contexts/AuthContext.tsx b/src/contexts/AuthContext.tsx
index 4da0107..6eb4613 100644
--- a/src/contexts/AuthContext.tsx
+++ b/src/contexts/AuthContext.tsx
@@ -38,12 +38,12 @@ import useToast from '../hooks/useToast';
 
 // Your web app's Firebase configuration
 const firebaseConfig = {
-  apiKey: process.env.FIREBASE_API_KEY,
-  authDomain: process.env.FIREBASE_AUTH_DOMAIN,
-  projectId: process.env.FIREBASE_PROJECT_ID,
-  storageBucket: process.env.FIREBASE_STORAGE_BUCKET,
-  messagingSenderId: process.env.FIREBASE_MESSAGING_SENDER_ID,
-  appId: process.env.FIREBASE_APP_ID,
+  apiKey: 'AIzaSyBo1BDdUIC_4Oiqqa0klf8KPP1JlvNhPwE',
+  authDomain: 'mycoins-ebac8.firebaseapp.com',
+  projectId: 'mycoins-ebac8',
+  storageBucket: 'mycoins-ebac8.appspot.com',
+  messagingSenderId: '597544437119',
+  appId: '1:597544437119:web:bdd50f432d6e4f0ccf464a',
 };
 
 // Initialize Firebase
diff --git a/src/navigation/AppNavigationStack.tsx b/src/navigation/AppNavigationStack.tsx
index 8dbce06..3159dd9 100644
--- a/src/navigation/AppNavigationStack.tsx
+++ b/src/navigation/AppNavigationStack.tsx
@@ -1,16 +1,38 @@
 import * as React from 'react';
 import {createNativeStackNavigator} from '@react-navigation/native-stack';
 import Home from '../screens/Home';
-import Login from '../screens/Login';
-import Register from '../screens/Register';
 import Search from '../screens/Search';
+import AllNft from '../screens/NftScreen';
+import {Button} from 'react-native-elements';
+import AllExchange from '../screens/ExchangeScreen';
 
 const Stack = createNativeStackNavigator();
 
 const AppStack: React.FC = () => {
   return (
-    <Stack.Navigator screenOptions={{headerShown: false, animation: 'flip'}}>
+    <Stack.Navigator
+      screenOptions={{
+        headerShown: false,
+        animation: 'flip',
+      }}>
       <Stack.Screen name="Home" component={Home} />
+      <Stack.Screen name="Search" component={Search} />
+      <Stack.Screen
+        name="AllNft"
+        component={AllNft}
+        options={({navigation}) => ({
+          headerShown: true,
+          headerLeft: () => (
+            <Button
+              onPress={() => navigation.goBack()}
+              title="Back"
+              type="clear"
+            />
+          ),
+          headerBackVisible: false,
+        })}
+      />
+      <Stack.Screen name="AllExchange" component={AllExchange} />
     </Stack.Navigator>
   );
 };
diff --git a/src/screens/ExchangeScreen.tsx b/src/screens/ExchangeScreen.tsx
new file mode 100644
index 0000000..b86d92e
--- /dev/null
+++ b/src/screens/ExchangeScreen.tsx
@@ -0,0 +1,79 @@
+import React, {useCallback, useEffect, useState} from 'react';
+import ListAllNft from '../components/MainPage/ListAllNft';
+import {useAuth} from '../contexts/AuthContext';
+import {FlatList, View} from 'react-native';
+import useModal from '../hooks/useModal';
+import {Button, Text} from 'react-native-elements';
+import ModalNftContent from '../components/MainPage/ModalNftContent';
+import ListAllExchange from '../components/MainPage/ListAllExchange';
+
+const AllExchange: React.FC = () => {
+  const [data, setData] = useState<any>({});
+  const [loading, setLoading] = useState(true);
+  const {makeApiCall} = useAuth();
+  const {toggleModal, ModalWrapper, setModalData, modalData} = useModal();
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        await Promise.all([
+          makeApiCall({
+            method: 'GET',
+            url: 'https://api.coingecko.com/api/v3/exchanges?',
+          }),
+        ]).then(res => {
+          setData({
+            nfts: res[0],
+          });
+          setLoading(false);
+        });
+      } catch (error) {
+        console.error(error);
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  const getExchange = useCallback(async ({id}: {id: string}) => {
+    try {
+      await Promise.all([
+        makeApiCall({
+          method: 'GET',
+          url: `https://api.coingecko.com/api/v3/exchanges/${id}?`,
+        }),
+      ]).then(res => {
+        setModalData(res[0]);
+        toggleModal();
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  }, []);
+
+  return (
+    <View style={{flex: 1, padding: 20}}>
+      <FlatList
+        data={data.nfts}
+        renderItem={({item}) => (
+          <ListAllExchange
+            onPress={() => {
+              getExchange({id: item.id});
+            }}
+            item={item}
+            onFavoritePress={(id: string) => {
+              console.log('favorite', id);
+            }}
+          />
+        )}
+        keyExtractor={item => item.id}
+      />
+      <ModalWrapper>
+        <ModalNftContent item={modalData} />
+      </ModalWrapper>
+    </View>
+  );
+};
+
+export default AllExchange;
diff --git a/src/screens/Home.tsx b/src/screens/Home.tsx
index 5b07d7d..fe35baf 100644
--- a/src/screens/Home.tsx
+++ b/src/screens/Home.tsx
@@ -17,7 +17,7 @@ import ListTrending from '../components/MainPage/ListTrending';
 import {useTheme} from '../hooks/useTheme';
 import {ModalContent} from '../components/MainPage/ModalCoinContent';
 
-const Home: React.FC = () => {
+const Home: React.FC = ({navigation}: any) => {
   const {makeApiCall} = useAuth();
   const [data, setData] = useState<any>({});
   const [loading, setLoading] = useState(true);
@@ -40,10 +40,18 @@ const Home: React.FC = () => {
             method: 'GET',
             url: 'https://api.coingecko.com/api/v3/search/trending?',
           }),
+          // makeApiCall({
+          //   method: 'GET',
+          //   url: 'https://api.coingecko.com/api/v3/nfts/list?per_page=100&page=1',
+          // }),
         ];
 
         await Promise.all(apiCalls).then(res => {
-          setData({crypto: res[0], nft: res[1], trending: res[2].nfts});
+          setData({
+            coin: res[0],
+            exchange: res[1],
+            trendingNfts: res[2].nfts,
+          });
           setLoading(false);
         });
       } catch (error) {
@@ -103,6 +111,22 @@ const Home: React.FC = () => {
     }
   }, []);
 
+  const getExchange = useCallback(async ({id}: {id: string}) => {
+    try {
+      await Promise.all([
+        makeApiCall({
+          method: 'GET',
+          url: `https://api.coingecko.com/api/v3/exchanges/${id}?`,
+        }),
+      ]).then(res => {
+        setModalData(res[0]);
+        toggleModal();
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  }, []);
+
   const onFavoritePress = (id: string) => {
     console.log('ID de la carte:', id);
   };
@@ -125,7 +149,7 @@ const Home: React.FC = () => {
               </Text>
               <TouchableOpacity>
                 <Text
-                  onPress={() => console.log('See All')}
+                  onPress={() => navigation.push('AllNft', {data: data.nfts})}
                   style={{color: currentTheme.text, margin: 10}}>
                   See All
                 </Text>
@@ -134,7 +158,7 @@ const Home: React.FC = () => {
             <FlatList
               style={styles.list}
               horizontal={true}
-              data={data.trending}
+              data={data.trendingNfts}
               keyExtractor={(item: any) => item.id}
               renderItem={({item}) => {
                 return (
@@ -164,7 +188,7 @@ const Home: React.FC = () => {
             <FlatList
               style={styles.list}
               horizontal={true}
-              data={data.crypto}
+              data={data.coin}
               keyExtractor={(item: any) => item.id}
               renderItem={({item}) => {
                 return (
@@ -185,7 +209,9 @@ const Home: React.FC = () => {
               </Text>
               <TouchableOpacity>
                 <Text
-                  onPress={() => console.log('See All')}
+                  onPress={() =>
+                    navigation.push('AllExchange', {data: data.nfts})
+                  }
                   style={{color: currentTheme.text, margin: 10}}>
                   See All
                 </Text>
@@ -194,11 +220,17 @@ const Home: React.FC = () => {
             <FlatList
               style={styles.list}
               horizontal={true}
-              data={data.nft}
+              data={data.exchange}
               keyExtractor={(item: any) => item.id}
               renderItem={({item}) => {
                 return (
-                  <ListExchange item={item} onFavoritePress={onFavoritePress} />
+                  <ListExchange
+                    onPress={() => {
+                      getExchange({id: item.id});
+                    }}
+                    item={item}
+                    onFavoritePress={onFavoritePress}
+                  />
                 );
               }}
             />
diff --git a/src/screens/NftScreen.tsx b/src/screens/NftScreen.tsx
new file mode 100644
index 0000000..c58e595
--- /dev/null
+++ b/src/screens/NftScreen.tsx
@@ -0,0 +1,78 @@
+import React, {useCallback, useEffect, useState} from 'react';
+import ListAllNft from '../components/MainPage/ListAllNft';
+import {useAuth} from '../contexts/AuthContext';
+import {FlatList, View} from 'react-native';
+import useModal from '../hooks/useModal';
+import {Button, Text} from 'react-native-elements';
+import ModalNftContent from '../components/MainPage/ModalNftContent';
+
+const AllNft: React.FC = () => {
+  const [data, setData] = useState<any>({});
+  const [loading, setLoading] = useState(true);
+  const {makeApiCall} = useAuth();
+  const {toggleModal, ModalWrapper, setModalData, modalData} = useModal();
+
+  useEffect(() => {
+    const fetchData = async () => {
+      try {
+        await Promise.all([
+          makeApiCall({
+            method: 'GET',
+            url: 'https://api.coingecko.com/api/v3/nfts/list?per_page=100&page=1',
+          }),
+        ]).then(res => {
+          setData({
+            nfts: res[0],
+          });
+          setLoading(false);
+        });
+      } catch (error) {
+        console.error(error);
+        setLoading(false);
+      }
+    };
+
+    fetchData();
+  }, []);
+
+  const getNft = useCallback(async ({id}: {id: string}) => {
+    try {
+      await Promise.all([
+        makeApiCall({
+          method: 'GET',
+          url: `https://api.coingecko.com/api/v3/nfts/${id}?`,
+        }),
+      ]).then(res => {
+        setModalData(res[0]);
+        toggleModal();
+      });
+    } catch (error) {
+      console.error(error);
+    }
+  }, []);
+
+  return (
+    <View style={{flex: 1, padding: 20}}>
+      <FlatList
+        data={data.nfts}
+        renderItem={({item}) => (
+          <ListAllNft
+            onPress={() => {
+              getNft({id: item.id});
+            }}
+            item={item}
+            onFavoritePress={(id: string) => {
+              console.log('favorite', id);
+            }}
+          />
+        )}
+        keyExtractor={item => item.id}
+      />
+      <ModalWrapper>
+        <ModalNftContent item={modalData} />
+      </ModalWrapper>
+    </View>
+  );
+};
+
+export default AllNft;