Coding-Factory-L3 · FlorianCohenJoly · Feb 29, 2024 · Feb 29, 2024
diff --git a/.env b/.env
@@ -1 +1,11 @@
-COINGECKO_API_KEY = CG-UtAvbp9TnEjhPSvXfMFTe8Dz
+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
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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>
   );
 };