[FE-Page] Add : NFT 사용 컴포넌트 구현 (#91)

con-ting · Apr 5, 2024 · d536153 · d536153
1 parent fa700fb
commit d536153
Show file tree

Hide file tree

Showing 11 changed files with 641 additions and 32 deletions.
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/app/frontend/package-lock.json b/app/frontend/package-lock.json
diff --git a/app/frontend/package.json b/app/frontend/package.json
@@ -13,6 +13,7 @@
   "dependencies": {
     "@coral-xyz/anchor": "^0.28.0",
     "@react-native-async-storage/async-storage": "^1.23.1",
+    "@react-native-clipboard/clipboard": "^1.14.0",
     "@react-native-community/blur": "^4.4.0",
     "@react-native-community/datetimepicker": "^7.6.3",
     "@react-native-firebase/app": "^19.0.1",

diff --git a/app/frontend/src/api/web3/event.ts b/app/frontend/src/api/web3/event.ts
@@ -101,9 +101,9 @@ export async function eventListFindByWallet(props: {
 export async function doEvent(props: {
   connection: any;
   anchorWallet: any;
-  myWalletAddress: PublicKey;
-  eventAddress: PublicKey;
-  nftAddress: PublicKey;
+  myWalletAddress: PublicKey; // 내 지갑 주소
+  eventAddress: PublicKey; //이벤트 주소
+  nftAddress: PublicKey; //사용할 nft 주소
 }) {
   const provider = new AnchorProvider(props.connection, props.anchorWallet, {
     preflightCommitment: 'confirmed',
@@ -151,9 +151,7 @@ export async function doEvent(props: {
     .signers([entry])
     .rpc();
 
-  const res = await processEventEntryTicketUsage(tx);
-
-  return res;
+  return await processEventEntryTicketUsage(tx);
 }
 
 export const processEventEntryTicketUsage = async (tx: string) => {

diff --git a/app/frontend/src/components/list/EventList.tsx b/app/frontend/src/components/list/EventList.tsx
@@ -15,12 +15,13 @@ import {FlatList, TouchableOpacity} from 'react-native-gesture-handler';
 import SingerProfile from '../card/SingerProfile.tsx';
 import {useEffect, useState} from 'react';
 import moment from 'moment';
+import {useNavigation} from '@react-navigation/native';
 
 export default function EventList(props: {events: Array<any>}) {
   const [timer, setTimer] = useState('');
   const [startTime, setStartTime] = useState('');
   const [endTime, setEndTime] = useState('');
-
+  const navigation = useNavigation();
   useEffect(() => {
     const interval = setInterval(() => {
       const now = moment();
@@ -91,7 +92,10 @@ export default function EventList(props: {events: Array<any>}) {
             </View>
           </View>
           <TouchableOpacity
-            onPress={item.onPress}
+            onPress={() => {
+              console.log('item = ', item);
+              navigation.navigate('SelectNft', {...item});
+            }}
             style={{
               width: '100%',
               height: 40,