36 |
122 | );
123 | };
124 |
125 | export default Menus;
126 |
--------------------------------------------------------------------------------
/src/pages/Raffle/RaffleSwiper.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Swiper, SwiperSlide } from "swiper/react";
3 | import { Navigation, Pagination, Autoplay } from "swiper";
4 | import Countdown, { CountdownApi } from 'react-countdown'
5 |
6 | import Chevron from "../../assets/Chevron.png";
7 |
8 | import "swiper/css";
9 | import "swiper/css/pagination";
10 | import "swiper/css/navigation";
11 | import RaffleItem from "../../components/RaffleItem";
12 |
13 | const RaffleSwiper = (props: any) => {
14 | const { featuredData } = props
15 | const swiperRef: any = React.useRef();
16 | let startCountdownApi: CountdownApi | null = null
17 | let endCountdownApi: CountdownApi | null = null
18 |
19 | const setStartCountdownRef = (countdown: Countdown | null) => {
20 | if (countdown) {
21 | startCountdownApi = countdown.getApi()
22 | }
23 | }
24 |
25 | const setEndCountdownRef = (countdown: Countdown | null) => {
26 | if (countdown) {
27 | endCountdownApi = countdown.getApi()
28 | }
29 | }
30 |
31 | const sliderSettings = {
32 | 240: {
33 | slidesPerView: 1,
34 | spaceBetween: 16,
35 | pagination: false,
36 | },
37 | 680: {
38 | slidesPerView: 2,
39 | spaceBetween: 30,
40 | },
41 | 1024: {
42 | slidesPerView: 3,
43 | spaceBetween: 30,
44 | },
45 | };
46 |
47 | return (
48 |
37 | {activeLink.pathname === "/" ||
38 | activeLink.pathname === "/auction" ||
39 | activeLink.pathname === "/admin" ||
40 | activeLink.pathname === "/admin/auction" ||
41 | activeLink.pathname === "/profile" ||
42 | activeLink.pathname === "/participant" ||
43 | activeLink.pathname === "/filter-auctions" ? (
44 |
120 |
45 |
116 | ) : (
117 | ""
118 | )}
119 |
46 |
115 |
47 |
88 |
48 |
87 |
49 |
66 | Raffles
67 |
68 |
83 | Auctions
84 |
85 |
86 |
89 | {activeLink.pathname === "/" && (
90 |
114 |
91 |
100 | )}
101 | {activeLink.pathname === "/auction" && (
102 |
95 | 
96 |
97 | New Raffle
98 |
99 |
103 |
112 | )}
113 |
107 |
108 |
109 | New Auction
110 |
111 |
49 |
55 |
150 | );
151 | };
152 |
153 | export default RaffleSwiper;
154 |
--------------------------------------------------------------------------------
/src/services/api.ts:
--------------------------------------------------------------------------------
1 | import commonService from "./common.service";
2 | import { API_URL } from "../config/dev";
3 |
4 | export const getNfts = async (address: any) => {
5 | try {
6 | const result = commonService({
7 | method: `get`,
8 | route: `${API_URL}/nft/${address}`
9 | })
10 | return result
11 | } catch (error) {
12 | console.log('error', error)
13 | }
14 | }
15 |
16 | export const getAllAuctions = async () => {
17 | try {
18 | const result = await commonService({
19 | method: "get",
20 | route: `${API_URL}/auction`
21 | })
22 | return result
23 | }
24 | catch (error) {
25 | console.log('error', error);
26 | return null;
27 | }
28 | }
29 |
30 | export const createAuction = async (payload: FormData) => {
31 |
32 | try {
33 | const result = await commonService({
34 | method: "post",
35 | route: `${API_URL}/auction`,
36 | // headerCred: { contentType: 'multipart/form-data' },
37 | data: payload,
38 | })
39 |
40 | return result
41 | } catch (error) {
42 | console.log('error', error);
43 | return null
44 | }
45 | }
46 |
47 | export const updateAuction = async (id: any, payload: FormData) => {
48 | try {
49 | const result = await commonService({
50 | method: "put",
51 | route: `${API_URL}/auction/${id}`,
52 | // headerCred: { contentType: 'multipart/form-data' },
53 | data: payload,
54 | })
55 |
56 | return result
57 | } catch (error) {
58 | console.log('error', error);
59 | return null
60 | }
61 | }
62 |
63 | export const deleteAuction = async (id: any) => {
64 | try {
65 | const result = await commonService({
66 | method: "post",
67 | route: `${API_URL}/auction/${id}/delete`,
68 | })
69 |
70 | return result
71 | } catch (error) {
72 | console.log('error', error);
73 | return null
74 | }
75 | }
76 |
77 | export const getAuctionById = async (id: any) => {
78 | try {
79 | const result = await commonService({
80 | method: 'get',
81 | route: `${API_URL}/auction/${id}`
82 | })
83 | return result
84 | } catch (error) {
85 | console.log('error', error);
86 | return null
87 | }
88 | }
89 |
90 | export const getAllRaffle = async () => {
91 | try {
92 | const result = await commonService({
93 | method: 'get',
94 | route: `${API_URL}/raffle`
95 | })
96 |
97 | return result
98 | } catch (error) {
99 | console.log('error', error);
100 | return null
101 | }
102 | }
103 |
104 | export const getRaffleById = async (id: any) => {
105 | try {
106 | const result = await commonService({
107 | method: 'get',
108 | route: `${API_URL}/raffle/${id}`
109 | })
110 | return result
111 | } catch (error) {
112 | console.log('error', error)
113 | return null
114 | }
115 | }
116 |
117 |
118 | export const createRaffle = async (payload: FormData) => {
119 | try {
120 | const result = await commonService({
121 | method: "post",
122 | route: `${API_URL}/raffle`,
123 | data: payload
124 | })
125 |
126 | return result
127 | } catch (error) {
128 | console.log('error', error);
129 | return null
130 | }
131 | }
132 |
133 | export const updateRaffle = async (id: any, payload: FormData) => {
134 | try {
135 | const result = await commonService({
136 | method: "put",
137 | route: `${API_URL}/raffle/${id}`,
138 | data: payload,
139 | })
140 |
141 | return result
142 | } catch (error) {
143 | console.log('error', error);
144 | return null
145 | }
146 | }
147 |
148 | export const deleteRaffle = async (id: any) => {
149 | try {
150 | const result = await commonService({
151 | method: "post",
152 | route: `${API_URL}/raffle/${id}/delete`,
153 | })
154 | return result
155 | } catch (error) {
156 | console.log('error', error);
157 | return null
158 | }
159 | }
160 |
161 | export const finishRaffle = async (id: any) => {
162 | try {
163 | const result = await commonService({
164 | method: "post",
165 | route: `${API_URL}/raffle/${id}/finish_raffle`,
166 | })
167 | return result
168 | } catch (error) {
169 | console.log('error', error);
170 | return null
171 | }
172 | }
173 |
174 | export const getUser = async (wallet: string) => {
175 | try {
176 | const result = await commonService({
177 | method: "get",
178 | route: `${API_URL}/user/${wallet}`,
179 | })
180 | return result;
181 | }
182 | catch (error) {
183 | console.log('error', error);
184 | return null;
185 | }
186 | }
187 |
188 | export const createUser = async (wallet: string, signedMessage: string | null) => {
189 | try {
190 | const result = await commonService({
191 | method: "post",
192 | route: `${API_URL}/user`,
193 | data: {
194 | wallet,
195 | signedMessage
196 | }
197 | })
198 | return result;
199 | }
200 | catch (error) {
201 | console.log('error', error);
202 | return null;
203 | }
204 | }
205 |
206 |
207 | export const checkDiscordStatus = async (wallet: string) => {
208 | try {
209 | const result = await commonService({
210 | method: "get",
211 | route: `${API_URL}/user/discord/status/${wallet}`,
212 | })
213 | return result;
214 | }
215 | catch (error) {
216 | console.log('error', error);
217 | }
218 | }
219 |
220 | export const checkTwitterStatus = async (wallet: string) => {
221 | try {
222 | const result = await commonService({
223 | method: "get",
224 | route: `${API_URL}/user/twitter/status/${wallet}`,
225 | })
226 | return result;
227 | }
228 | catch (error) {
229 | console.log('error', error);
230 | }
231 | }
--------------------------------------------------------------------------------
/src/services/contracts/raffle1155.ts:
--------------------------------------------------------------------------------
1 | import { Contract, ethers } from "ethers"
2 | import BigNumber from "bignumber.js";
3 |
4 | import CONFIG from "../../config";
5 | import { connectWallet } from "../../utils";
6 |
7 |
8 | export const CreateRaffle1155Contract = async (
9 | tokenContract: string,
10 | tokenId: number,
11 | tokenAmount: number,
12 | ticketPrice: number,
13 | maxTicketAmount: any,
14 | startDate: any,
15 | endDate: any,
16 | ) => {
17 | try {
18 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
19 | const signer = Provider.getSigner();
20 | const TokenContract = new Contract(tokenContract, CONFIG.TOKENERC1155, signer)
21 | const approveTx = await TokenContract.setApprovalForAll(CONFIG.RAFFLE.CONTRACTADDRESS1155, tokenId)
22 | await approveTx.wait()
23 |
24 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
25 | const price = new BigNumber(ticketPrice).times(new BigNumber(10).pow(new BigNumber(18)))
26 | const tx = await raffleContract.createRaffle(
27 | tokenContract,
28 | tokenId,
29 | tokenAmount,
30 | price.toString(),
31 | maxTicketAmount,
32 | startDate,
33 | endDate
34 | )
35 | await tx.wait()
36 | if (tx) {
37 | return true
38 | }
39 | } catch (error) {
40 | console.log('error', error)
41 | return false
42 | }
43 | }
44 |
45 | export const UpdateRaffle1155Contract = async (
46 | itemId: string,
47 | ticketPrice: number,
48 | maxTicketAmount: any,
49 | startDate: any,
50 | endDate: any,
51 | ) => {
52 | try {
53 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
54 | const signer = Provider.getSigner();
55 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
56 | const price = new BigNumber(ticketPrice).times(new BigNumber(10).pow(new BigNumber(18)))
57 | const tx = await raffleContract.updateRaffle(
58 | itemId,
59 | price.toString(),
60 | maxTicketAmount,
61 | startDate,
62 | endDate
63 | )
64 | await tx.wait()
65 | if (tx) {
66 | return true
67 | }
68 | } catch (error) {
69 | console.log('error', error)
70 | return false
71 | }
72 | }
73 |
74 | export const FinishRaffle1155Contract = async (
75 | itemId: number
76 | ) => {
77 | try {
78 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
79 | const signer = Provider.getSigner();
80 |
81 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
82 | const tx = await raffleContract.completeRaffle(itemId)
83 | await tx.wait()
84 | if (tx) {
85 | return true
86 | }
87 | } catch (error) {
88 | console.log('error', error)
89 | return false
90 | }
91 | }
92 |
93 | export const CancelRaffle1155Contract = async (
94 | itemId: string,
95 | ) => {
96 | try {
97 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
98 | const signer = Provider.getSigner();
99 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
100 | const tx = await raffleContract.cancelRaffle(itemId)
101 | await tx.wait()
102 | if (tx) {
103 | return true
104 | }
105 | } catch (error) {
106 | console.log('error', error)
107 | return false
108 | }
109 | }
110 |
111 | export const buyTicket1155 = async (
112 | itemId: number,
113 | ticketAmount: number,
114 | price: number
115 | ) => {
116 | try {
117 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
118 | const signer = Provider.getSigner();
119 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
120 | const send_value: any = new BigNumber(price).times(new BigNumber(10).pow(new BigNumber(18)))
121 | const res = await raffleContract.buyTicket(
122 | itemId,
123 | ticketAmount,
124 | { value: (Math.floor(send_value)).toString() }
125 | )
126 | await res.wait()
127 | if (res) {
128 | return true
129 | }
130 | } catch (error) {
131 | console.log('error', error)
132 | return false
133 | }
134 | }
135 |
136 | export const fetchRaffleLists1155 = async () => {
137 | try {
138 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
139 | const signer = Provider.getSigner();
140 |
141 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
142 |
143 | const fetch_lists = await raffleContract.fetchRaffleItems()
144 | return fetch_lists
145 | } catch (error) {
146 | console.log('error', error)
147 | }
148 | }
149 |
150 | export const fetchRaffle1155Items = async (tokenId: any, tokenAddress: any, startDate: any) => {
151 | try {
152 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
153 | const signer = Provider.getSigner();
154 |
155 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
156 |
157 | const fetch_lists = await raffleContract.fetchRaffleItems()
158 | const itemId = fetch_lists.findIndex((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === startDate)
159 | const myWalletAddress: any = await connectWallet()
160 |
161 | const filterWinner = fetch_lists.filter((item: any) => item.winner.toLowerCase() === myWalletAddress.address)
162 | if (itemId > -1) {
163 | const getItem = fetch_lists.find((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === startDate)
164 | return { itemId, winner: getItem?.winner.toLowerCase(), price: Number(getItem?.ticketPrice), winnerCount: filterWinner.length }
165 | }
166 |
167 | } catch (error) {
168 | console.log('error', error)
169 | }
170 | }
171 |
172 | export const fetchMyTickets1155 = async () => {
173 | try {
174 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
175 | const signer = Provider.getSigner();
176 |
177 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
178 | const res = await raffleContract.fetchMyTicketItems()
179 | return res
180 |
181 | } catch (error) {
182 | console.log('error', error)
183 | }
184 | }
185 |
186 | export const fetchTicket1155ItemsByID = async (itemId: number) => {
187 | try {
188 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
189 | const signer = Provider.getSigner();
190 |
191 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS1155, CONFIG.RAFFLE.ABI1155, signer);
192 | const res = await raffleContract.fetchTicketItemsByID(itemId)
193 | return res
194 |
195 | } catch (error) {
196 | console.log('error', error)
197 | }
198 | }
199 |
--------------------------------------------------------------------------------
/src/components/SwiperItem.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react'
2 | import { SwiperSlide } from "swiper/react"
3 | import { Link } from "react-router-dom";
4 | import Countdown, { CountdownApi } from 'react-countdown'
5 |
6 |
7 | import VerificationIcon from "../assets/verification-icon.svg";
8 | import { fetchRaffle1155Items, fetchTicket1155ItemsByID } from '../services/contracts/raffle1155';
9 | import { fetchRaffleItems, fetchTicketItemsByID } from '../services/contracts/raffle';
10 |
11 | const SwiperItem = (props: any) => {
12 | const { item, index } = props
13 | const [sellAmount, setSellAmount] = useState(0)
14 |
15 | let startCountdownApi: CountdownApi | null = null
16 | let endCountdownApi: CountdownApi | null = null
17 |
18 | const setStartCountdownRef = (countdown: Countdown | null) => {
19 | if (countdown) {
20 | startCountdownApi = countdown.getApi()
21 | }
22 | }
23 |
24 | const setEndCountdownRef = (countdown: Countdown | null) => {
25 | if (countdown) {
26 | endCountdownApi = countdown.getApi()
27 | }
28 | }
29 |
30 | const startCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
31 | if (api.isPaused()) api.start()
32 | return (
33 | completed ?
34 |
56 | {
61 | swiperRef.current = swiper;
62 | }}
63 | speed={1200}
64 | loop={true}
65 | // navigation={true}
66 | pagination={{
67 | clickable: true,
68 | }}
69 | autoplay={{
70 | delay: 2500,
71 | disableOnInteraction: false,
72 | }}
73 | modules={[Navigation, Pagination, Autoplay]}
74 | className="mySwiper"
75 | >
76 | {featuredData.length > 0
77 | ? featuredData.map((item: any, index: any) => {
78 |
79 | const startCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
80 | if (api.isPaused()) api.start()
81 | return (
82 | completed ?
83 |
125 |
130 | );
131 | })
132 | :
133 |
138 |
139 |
149 |
93 |
101 | )
102 | }
103 |
104 | const endCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
105 | if (api.isPaused()) api.start()
106 | return (
107 | completed ?
108 | Starts In
94 |95 | {days.toString().length === 1 ? `0${days}` : days}: 96 | {hours.toString().length === 1 ? `0${hours}` : hours}: 97 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 98 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 99 |
100 |Ended
109 | : 110 |
111 |
119 |
120 | )
121 | }
122 |
123 | return (
124 | Live
112 |113 | {days.toString().length === 1 ? `0${days}` : days}: 114 | {hours.toString().length === 1 ? `0${hours}` : hours}: 115 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 116 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 117 |
118 |
134 | No Exist Lived NFT Now!
135 |
136 | }
137 |
43 |
51 | )
52 | }
53 |
54 | const endCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
55 | if (api.isPaused()) api.start()
56 | return (
57 | completed ?
58 | Starts In
44 |45 | {days.toString().length === 1 ? `0${days}` : days}: 46 | {hours.toString().length === 1 ? `0${hours}` : hours}: 47 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 48 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 49 |
50 |Ended
59 | : 60 |
61 |
69 |
70 | )
71 | }
72 |
73 | useEffect(() => {
74 | (
75 | async () => {
76 | try {
77 | if (item.type === `ERC1155`) {
78 | const getRaffleInfo = await fetchRaffle1155Items(item.tokenId, item.tokenAddress, item.start_date)
79 | const getTicketByID = await fetchTicket1155ItemsByID(getRaffleInfo?.itemId + 1)
80 | let filter_TicketByID = getTicketByID.filter(
81 | (person: any, index: any) => index === getTicketByID.findIndex(
82 | (other: any) => person.buyer === other.buyer
83 | ));
84 | let totalAmount = 0
85 | for (let i = 0; i < filter_TicketByID.length; i++) {
86 | totalAmount += filter_TicketByID[i].ticketAmount.toNumber()
87 | }
88 | setSellAmount(totalAmount)
89 | } else {
90 | const getRaffleInfo = await fetchRaffleItems(item.tokenId, item.tokenAddress, item.start_date)
91 |
92 | const getTicketByID = await fetchTicketItemsByID(getRaffleInfo?.itemId + 1)
93 |
94 | let filter_TicketByID = getTicketByID.filter(
95 | (person: any, index: any) => index === getTicketByID.findIndex(
96 | (other: any) => person.buyer === other.buyer
97 | ));
98 | let totalAmount = 0
99 | for (let i = 0; i < filter_TicketByID.length; i++) {
100 | totalAmount += filter_TicketByID[i].ticketAmount.toNumber()
101 | }
102 | setSellAmount(totalAmount)
103 | }
104 | } catch (error) {
105 | console.log('error', error)
106 | }
107 | }
108 | )()
109 |
110 | }, [])
111 |
112 | return (
113 | Live
62 |63 | {days.toString().length === 1 ? `0${days}` : days}: 64 | {hours.toString().length === 1 ? `0${hours}` : hours}: 65 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 66 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 67 |
68 |
114 |
185 |
186 | )
187 | }
188 |
189 | export default SwiperItem
--------------------------------------------------------------------------------
/src/pages/Auction/FilterAuction.tsx:
--------------------------------------------------------------------------------
1 | import Countdown, { CountdownApi } from 'react-countdown'
2 | import { Link } from 'react-router-dom';
3 | import VerificationIcon from "../../assets/Verification-icon.png";
4 | import UnionIcons from "../../assets/Union-icons.png";
5 |
6 | const FilterAuction = ({ item }: any) => {
7 |
8 | let startCountdownApi: CountdownApi | null = null
9 | let endCountdownApi: CountdownApi | null = null
10 |
11 | const setStartCountdownRef = (countdown: Countdown | null) => {
12 | if (countdown) {
13 | startCountdownApi = countdown.getApi()
14 | }
15 | }
16 |
17 | const setEndCountdownRef = (countdown: Countdown | null) => {
18 | if (countdown) {
19 | endCountdownApi = countdown.getApi()
20 | }
21 | }
22 |
23 | const startCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
24 | if (api.isPaused()) api.start()
25 | return (
26 | completed ?
27 |
115 | 
120 |
121 |
122 |
184 |
123 |
135 |
136 |
124 | 
129 |
130 | {item.project}
131 |
132 |
133 | {item.name}
134 |
137 |
162 |
163 |
138 |
143 | Ticket Price
139 |140 | {item.price} MATIC 141 |
142 |
144 |
149 | Tickets Remaining
145 |146 | {item.total_tickets}/{item.total_tickets} 147 |
148 |
150 |
161 | Time Remaining
151 |
152 |
164 | {
165 | item.type === `ERC1155` ?
166 |
170 | View Raffle
171 |
172 | :
173 |
177 | View Raffle
178 |
179 |
180 | }
181 |
182 |
183 |
36 |
44 | )
45 | }
46 |
47 | const endCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
48 | if (api.isPaused()) api.start()
49 | return (
50 | completed ?
51 | Starts In
37 |38 | {days.toString().length === 1 ? `0${days}` : days}: 39 | {hours.toString().length === 1 ? `0${hours}` : hours}: 40 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 41 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 42 |
43 |Ended
52 | : 53 |
54 |
62 |
63 | )
64 | }
65 |
66 | return (
67 | Live
55 |56 | {days.toString().length === 1 ? `0${days}` : days}: 57 | {hours.toString().length === 1 ? `0${hours}` : hours}: 58 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 59 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 60 |
61 |
68 |
180 | );
181 | };
182 |
183 | export default FilterAuction;
184 |
--------------------------------------------------------------------------------
/src/services/contracts/raffle.ts:
--------------------------------------------------------------------------------
1 | import { Contract, ethers } from "ethers"
2 | import BigNumber from "bignumber.js";
3 |
4 | import CONFIG from "../../config";
5 | import { connectWallet } from "../../utils";
6 |
7 |
8 | export const CreateRaffleContract = async (
9 | tokenContract: string,
10 | tokenId: number,
11 | ticketPrice: number,
12 | maxTicketAmount: any,
13 | startDate: any,
14 | endDate: any,
15 | ) => {
16 | try {
17 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
18 | const signer = Provider.getSigner();
19 | const TokenContract = new Contract(tokenContract, CONFIG.TOKENERC721, signer)
20 | const approveTx = await TokenContract.approve(CONFIG.RAFFLE.CONTRACTADDRESS721, tokenId)
21 | await approveTx.wait()
22 |
23 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
24 | const price = new BigNumber(ticketPrice).times(new BigNumber(10).pow(new BigNumber(18)))
25 | const tx = await raffleContract.createRaffle(
26 | tokenContract,
27 | tokenId,
28 | price.toString(),
29 | maxTicketAmount,
30 | startDate,
31 | endDate
32 | )
33 | await tx.wait()
34 | if (tx) {
35 | return true
36 | }
37 | } catch (error) {
38 | console.log('error', error)
39 | return false
40 | }
41 | }
42 |
43 | export const UpdateRaffleContract = async (
44 | itemId: number,
45 | ticketPrice: number,
46 | maxTicketAmount: number,
47 | startDate: any,
48 | endDate: any,
49 | ) => {
50 | try {
51 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
52 | const signer = Provider.getSigner();
53 |
54 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
55 |
56 | const price = new BigNumber(ticketPrice).times(new BigNumber(10).pow(new BigNumber(18)))
57 | const tx = await raffleContract.updateRaffle(
58 | itemId,
59 | price.toString(),
60 | maxTicketAmount,
61 | startDate,
62 | endDate
63 | )
64 | await tx.wait()
65 | if (tx) {
66 | return true
67 | }
68 | } catch (error) {
69 | console.log('error', error)
70 | return false
71 | }
72 | }
73 |
74 | export const FinishRaffleContract = async (
75 | itemId: number
76 | ) => {
77 | try {
78 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
79 | const signer = Provider.getSigner();
80 |
81 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
82 | const tx = await raffleContract.completeRaffle(itemId)
83 | await tx.wait()
84 | if (tx) {
85 | return true
86 | }
87 | } catch (error) {
88 | console.log('error', error)
89 | return false
90 | }
91 | }
92 |
93 | export const CancelRaffleContract = async (itemId: any) => {
94 | try {
95 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
96 | const signer = Provider.getSigner();
97 |
98 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
99 | const tx = await raffleContract.cancelRaffle(itemId);
100 |
101 | await tx.wait()
102 |
103 | if (tx) {
104 | return true
105 | }
106 |
107 | } catch (error) {
108 | console.log('error', error)
109 | }
110 | }
111 |
112 | export const buyTicket = async (itemId: number, ticketAmount: number, price: number) => {
113 | try {
114 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
115 | const signer = Provider.getSigner();
116 |
117 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
118 | const send_value: any = new BigNumber(price).times(new BigNumber(10).pow(new BigNumber(18)))
119 | const res = await raffleContract.buyTicket(
120 | itemId,
121 | ticketAmount,
122 | { value: (Math.floor(send_value)).toString() }
123 | );
124 | await res.wait()
125 |
126 | return res
127 |
128 | } catch (error) {
129 | console.log('error', error)
130 | }
131 | }
132 |
133 | export const fetchRaffleLists = async () => {
134 | try {
135 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
136 | const signer = Provider.getSigner();
137 |
138 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
139 | const fetch_lists = await raffleContract.fetchRaffleItems()
140 | return fetch_lists
141 |
142 | } catch (error) {
143 | console.log('error', error)
144 | }
145 | }
146 |
147 | export const fetchRaffleItems = async (tokenId: any, tokenAddress: any, startDate: any) => {
148 | try {
149 |
150 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
151 | const signer = Provider.getSigner();
152 |
153 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
154 | const fetch_lists = await raffleContract.fetchRaffleItems()
155 |
156 | const myWalletAddress: any = await connectWallet()
157 |
158 | const filterWinner = fetch_lists.filter((item: any) => item.winner.toLowerCase() === myWalletAddress.address)
159 |
160 | const itemId = fetch_lists.findIndex((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === startDate)
161 |
162 | const getItem = fetch_lists.find((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === startDate)
163 |
164 | return { itemId, winner: getItem?.winner.toLowerCase(), price: Number(getItem?.ticketPrice), winnerCount: filterWinner.length }
165 | } catch (error) {
166 | console.log('error', error)
167 | }
168 | }
169 |
170 | export const fetchMyTickets = async () => {
171 | try {
172 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
173 | const signer = Provider.getSigner();
174 |
175 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
176 |
177 | const res = await raffleContract.fetchMyTicketItems()
178 | return res
179 |
180 | } catch (error) {
181 | console.log('error', error)
182 | }
183 | }
184 |
185 | export const fetchTicketItemsByID = async (itemId: number) => {
186 | try {
187 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
188 | const signer = Provider.getSigner();
189 |
190 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
191 |
192 | const res = await raffleContract.fetchTicketItemsByID(itemId)
193 | return res
194 | } catch (error) {
195 | console.log('error', error)
196 | }
197 | }
198 |
199 | export const completeRaffle = async (itemId: any) => {
200 | try {
201 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
202 | const signer = Provider.getSigner();
203 |
204 | const raffleContract = new Contract(CONFIG.RAFFLE.CONTRACTADDRESS721, CONFIG.RAFFLE.ABI721, signer);
205 | const res = await raffleContract.completeRaffle(itemId);
206 | return res
207 | } catch (error) {
208 | console.log('error', error)
209 | }
210 | }
--------------------------------------------------------------------------------
/src/constants/Token/Erc1155Token.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "inputs": [
4 | {
5 | "internalType": "string",
6 | "name": "uri_",
7 | "type": "string"
8 | }
9 | ],
10 | "stateMutability": "nonpayable",
11 | "type": "constructor"
12 | },
13 | {
14 | "anonymous": false,
15 | "inputs": [
16 | {
17 | "indexed": true,
18 | "internalType": "address",
19 | "name": "account",
20 | "type": "address"
21 | },
22 | {
23 | "indexed": true,
24 | "internalType": "address",
25 | "name": "operator",
26 | "type": "address"
27 | },
28 | {
29 | "indexed": false,
30 | "internalType": "bool",
31 | "name": "approved",
32 | "type": "bool"
33 | }
34 | ],
35 | "name": "ApprovalForAll",
36 | "type": "event"
37 | },
38 | {
39 | "anonymous": false,
40 | "inputs": [
41 | {
42 | "indexed": true,
43 | "internalType": "address",
44 | "name": "operator",
45 | "type": "address"
46 | },
47 | {
48 | "indexed": true,
49 | "internalType": "address",
50 | "name": "from",
51 | "type": "address"
52 | },
53 | {
54 | "indexed": true,
55 | "internalType": "address",
56 | "name": "to",
57 | "type": "address"
58 | },
59 | {
60 | "indexed": false,
61 | "internalType": "uint256[]",
62 | "name": "ids",
63 | "type": "uint256[]"
64 | },
65 | {
66 | "indexed": false,
67 | "internalType": "uint256[]",
68 | "name": "values",
69 | "type": "uint256[]"
70 | }
71 | ],
72 | "name": "TransferBatch",
73 | "type": "event"
74 | },
75 | {
76 | "anonymous": false,
77 | "inputs": [
78 | {
79 | "indexed": true,
80 | "internalType": "address",
81 | "name": "operator",
82 | "type": "address"
83 | },
84 | {
85 | "indexed": true,
86 | "internalType": "address",
87 | "name": "from",
88 | "type": "address"
89 | },
90 | {
91 | "indexed": true,
92 | "internalType": "address",
93 | "name": "to",
94 | "type": "address"
95 | },
96 | {
97 | "indexed": false,
98 | "internalType": "uint256",
99 | "name": "id",
100 | "type": "uint256"
101 | },
102 | {
103 | "indexed": false,
104 | "internalType": "uint256",
105 | "name": "value",
106 | "type": "uint256"
107 | }
108 | ],
109 | "name": "TransferSingle",
110 | "type": "event"
111 | },
112 | {
113 | "anonymous": false,
114 | "inputs": [
115 | {
116 | "indexed": false,
117 | "internalType": "string",
118 | "name": "value",
119 | "type": "string"
120 | },
121 | {
122 | "indexed": true,
123 | "internalType": "uint256",
124 | "name": "id",
125 | "type": "uint256"
126 | }
127 | ],
128 | "name": "URI",
129 | "type": "event"
130 | },
131 | {
132 | "inputs": [
133 | {
134 | "internalType": "address",
135 | "name": "account",
136 | "type": "address"
137 | },
138 | {
139 | "internalType": "uint256",
140 | "name": "id",
141 | "type": "uint256"
142 | }
143 | ],
144 | "name": "balanceOf",
145 | "outputs": [
146 | {
147 | "internalType": "uint256",
148 | "name": "",
149 | "type": "uint256"
150 | }
151 | ],
152 | "stateMutability": "view",
153 | "type": "function"
154 | },
155 | {
156 | "inputs": [
157 | {
158 | "internalType": "address[]",
159 | "name": "accounts",
160 | "type": "address[]"
161 | },
162 | {
163 | "internalType": "uint256[]",
164 | "name": "ids",
165 | "type": "uint256[]"
166 | }
167 | ],
168 | "name": "balanceOfBatch",
169 | "outputs": [
170 | {
171 | "internalType": "uint256[]",
172 | "name": "",
173 | "type": "uint256[]"
174 | }
175 | ],
176 | "stateMutability": "view",
177 | "type": "function"
178 | },
179 | {
180 | "inputs": [
181 | {
182 | "internalType": "address",
183 | "name": "account",
184 | "type": "address"
185 | },
186 | {
187 | "internalType": "address",
188 | "name": "operator",
189 | "type": "address"
190 | }
191 | ],
192 | "name": "isApprovedForAll",
193 | "outputs": [
194 | {
195 | "internalType": "bool",
196 | "name": "",
197 | "type": "bool"
198 | }
199 | ],
200 | "stateMutability": "view",
201 | "type": "function"
202 | },
203 | {
204 | "inputs": [
205 | {
206 | "internalType": "address",
207 | "name": "from",
208 | "type": "address"
209 | },
210 | {
211 | "internalType": "address",
212 | "name": "to",
213 | "type": "address"
214 | },
215 | {
216 | "internalType": "uint256[]",
217 | "name": "ids",
218 | "type": "uint256[]"
219 | },
220 | {
221 | "internalType": "uint256[]",
222 | "name": "amounts",
223 | "type": "uint256[]"
224 | },
225 | {
226 | "internalType": "bytes",
227 | "name": "data",
228 | "type": "bytes"
229 | }
230 | ],
231 | "name": "safeBatchTransferFrom",
232 | "outputs": [],
233 | "stateMutability": "nonpayable",
234 | "type": "function"
235 | },
236 | {
237 | "inputs": [
238 | {
239 | "internalType": "address",
240 | "name": "from",
241 | "type": "address"
242 | },
243 | {
244 | "internalType": "address",
245 | "name": "to",
246 | "type": "address"
247 | },
248 | {
249 | "internalType": "uint256",
250 | "name": "id",
251 | "type": "uint256"
252 | },
253 | {
254 | "internalType": "uint256",
255 | "name": "amount",
256 | "type": "uint256"
257 | },
258 | {
259 | "internalType": "bytes",
260 | "name": "data",
261 | "type": "bytes"
262 | }
263 | ],
264 | "name": "safeTransferFrom",
265 | "outputs": [],
266 | "stateMutability": "nonpayable",
267 | "type": "function"
268 | },
269 | {
270 | "inputs": [
271 | {
272 | "internalType": "address",
273 | "name": "operator",
274 | "type": "address"
275 | },
276 | {
277 | "internalType": "bool",
278 | "name": "approved",
279 | "type": "bool"
280 | }
281 | ],
282 | "name": "setApprovalForAll",
283 | "outputs": [],
284 | "stateMutability": "nonpayable",
285 | "type": "function"
286 | },
287 | {
288 | "inputs": [
289 | {
290 | "internalType": "bytes4",
291 | "name": "interfaceId",
292 | "type": "bytes4"
293 | }
294 | ],
295 | "name": "supportsInterface",
296 | "outputs": [
297 | {
298 | "internalType": "bool",
299 | "name": "",
300 | "type": "bool"
301 | }
302 | ],
303 | "stateMutability": "view",
304 | "type": "function"
305 | },
306 | {
307 | "inputs": [
308 | {
309 | "internalType": "uint256",
310 | "name": "",
311 | "type": "uint256"
312 | }
313 | ],
314 | "name": "uri",
315 | "outputs": [
316 | {
317 | "internalType": "string",
318 | "name": "",
319 | "type": "string"
320 | }
321 | ],
322 | "stateMutability": "view",
323 | "type": "function"
324 | }
325 | ]
--------------------------------------------------------------------------------
/src/services/contracts/auction.ts:
--------------------------------------------------------------------------------
1 | import { Contract, ethers } from "ethers"
2 | import BigNumber from "bignumber.js";
3 |
4 | import CONFIG from "../../config";
5 |
6 |
7 | export const CreateAuctionContract = async (
8 | tokenContract: string,
9 | tokenId: number,
10 | minPrice: number,
11 | startDate: any,
12 | endDate: any,
13 | ) => {
14 | try {
15 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
16 | const signer = Provider.getSigner();
17 | const TokenContract = new Contract(tokenContract, CONFIG.TOKENERC721, signer)
18 | const approveTx = await TokenContract.approve(CONFIG.AUCTION.CONTRACTADDRESS721, tokenId)
19 | await approveTx.wait()
20 |
21 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
22 | const price = new BigNumber(minPrice).times(new BigNumber(10).pow(new BigNumber(18)))
23 | const tx = await auctionContract.createAuction(
24 | tokenContract,
25 | tokenId,
26 | price.toString(),
27 | startDate,
28 | endDate
29 | )
30 | await tx.wait()
31 | if (tx) {
32 | return true
33 | }
34 |
35 | } catch (error) {
36 | console.log('error', error)
37 | return false
38 | }
39 | }
40 |
41 | export const UpdateAuctionContract = async (
42 | itemId: number,
43 | minPrice: number,
44 | startDate: any,
45 | endDate: any,
46 | ) => {
47 | try {
48 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
49 | const signer = Provider.getSigner();
50 |
51 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
52 |
53 | const price = new BigNumber(minPrice).times(new BigNumber(10).pow(new BigNumber(18)))
54 | const tx = await auctionContract.updateAuction(
55 | itemId,
56 | price.toString(),
57 | startDate,
58 | endDate
59 | )
60 | await tx.wait()
61 | if (tx) {
62 | return true
63 | }
64 |
65 | } catch (error) {
66 | console.log('error', error)
67 | return false
68 |
69 | }
70 | }
71 |
72 | export const CancelAuctionContract = async (itemId: any) => {
73 | try {
74 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
75 | const signer = Provider.getSigner();
76 |
77 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
78 | const tx = await auctionContract.cancelAuction(itemId);
79 |
80 | await tx.wait()
81 |
82 | if (tx) {
83 | return true
84 | }
85 |
86 | } catch (error) {
87 | console.log('error', error)
88 | }
89 | }
90 |
91 | export const createBidAuction = async (itemId: number, price: number) => {
92 | try {
93 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
94 | const signer = Provider.getSigner();
95 |
96 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
97 |
98 | const send_value = new BigNumber(price).times(new BigNumber(10).pow(new BigNumber(18)))
99 | const res = await auctionContract.createBid(itemId, {
100 | value: send_value.toString()
101 | });
102 |
103 | await res.wait()
104 |
105 | return res
106 |
107 | } catch (error) {
108 | console.log('error', error)
109 | }
110 | }
111 |
112 | export const updateBidAuction = async (itemId: number, price: number) => {
113 | try {
114 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
115 | const signer = Provider.getSigner();
116 |
117 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
118 |
119 | const send_value = new BigNumber(price).times(new BigNumber(10).pow(new BigNumber(18)))
120 | const res = await auctionContract.updateBid(itemId, {
121 | value: send_value.toString()
122 | });
123 |
124 | await res.wait()
125 |
126 | return res
127 |
128 | } catch (error) {
129 | console.log('error', error)
130 | }
131 | }
132 |
133 | export const cancelBidAuction = async (itemId: number) => {
134 | try {
135 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
136 | const signer = Provider.getSigner();
137 |
138 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
139 |
140 | const res = await auctionContract.cancelBid(itemId)
141 |
142 | await res.wait()
143 |
144 | return res
145 |
146 | } catch (error) {
147 | console.log('error', error)
148 | }
149 | }
150 |
151 | export const claimBidAuction = async (itemId: any) => {
152 | try {
153 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
154 | const signer = Provider.getSigner();
155 |
156 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
157 |
158 | const tx = await auctionContract.claimAuction(itemId);
159 | await tx.wait()
160 | return tx
161 |
162 | } catch (error) {
163 | console.log('error', error)
164 | }
165 | }
166 |
167 |
168 | export const fetchAuctionItems = async (tokenId: any, tokenAddress: any, startDate: any) => {
169 | try {
170 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
171 | const signer = Provider.getSigner();
172 |
173 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
174 |
175 | const fetch_lists = await auctionContract.fetchAuctionItems()
176 | const itemId = fetch_lists.findIndex((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === Number(startDate))
177 |
178 | const fetchLists = fetch_lists.find((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === Number(startDate))
179 |
180 | return { itemId, largestPrice: fetchLists?.largestBidPrice.toNumber() }
181 | } catch (error) {
182 | console.log('error', error)
183 | }
184 | }
185 |
186 | export const fetchMyBidItems = async () => {
187 | try {
188 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
189 | const signer = Provider.getSigner();
190 |
191 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
192 |
193 | const res = await auctionContract.fetchMyBidItems()
194 | return res
195 |
196 | } catch (error) {
197 | console.log('error', error)
198 | }
199 | }
200 |
201 | export const fetchBidItemsById = async (itemId: any) => {
202 | try {
203 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
204 | const signer = Provider.getSigner();
205 |
206 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
207 |
208 | const res = await auctionContract.fetchBidItemsByID(itemId);
209 |
210 | return res
211 | } catch (error) {
212 | console.log('error', error)
213 | }
214 | }
215 |
216 | export const getSoldNftStatus = async (tokenId: any, tokenAddress: any, startDate: any) => {
217 | try {
218 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
219 | const signer = Provider.getSigner();
220 |
221 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS721, CONFIG.AUCTION.ABI721, signer);
222 |
223 | const fetch_lists = await auctionContract.fetchAuctionItems()
224 | const res = fetch_lists.find((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === Number(startDate))
225 | return res?.sold
226 | } catch (error) {
227 | console.log('error', error)
228 | }
229 | }
--------------------------------------------------------------------------------
/src/pages/Auction/Profile.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react'
2 | import { useSelector } from 'react-redux';
3 | import { Link } from "react-router-dom"
4 | import Navbar from "../../components/Navbar"
5 | import TwitterBlack from "../../assets/Twitter-black.png";
6 | import DiscordBlack from "../../assets/Discord-Black.png";
7 | import infoIconBlack from "../../assets/InfoIconBlack.png";
8 | import { createUser, getAllAuctions, getUser, checkDiscordStatus, checkTwitterStatus } from '../../services/api';
9 | import AuctionRarticipant from './AuctionParticipant'
10 | import { toast } from "react-toastify";
11 | import CONFIG from '../../config';
12 |
13 |
14 | const AuctionProfile = () => {
15 | const [isLoading, setLoading] = useState(false)
16 | const [participantLists, setParticipantLists] = useState
69 |
171 |
70 |
75 |
112 |
76 |
111 |
77 |
110 |
78 |
87 |
79 |
86 | 80 | {item.tokenName} 81 |
82 |83 | #{item.tokenId} 84 |
85 |
88 |
109 |
89 |
100 |
90 |
95 |
97 | #0001 98 |
99 |
101 |
108 | 102 | Floor 103 |
104 |105 | 9.9 106 |
107 |
113 |
170 |
114 |
125 |
115 |
119 |
120 | {item.tokenName}
121 |
122 |
123 | @{item.project}
124 |
126 |
169 |
127 |
146 |
128 |
139 | Time Remaining
129 |
130 |
140 |
145 | Tickets Remaining
141 |142 | {item.count}/{item.total_tickets} 143 |
144 |
147 |
168 |
148 |
153 | {/* Ticket Price
149 |150 | {item.price} Polygon 151 |
152 |
154 |
160 |
166 |
*/}
167 |
172 |
176 | View Raffle
177 |
178 |
179 |
129 |
150 |
130 |
149 |
131 |
139 |
147 |
148 |
151 |
185 |
186 | {
187 | participantLists.length > 0 ?
188 | participantLists.map((item: any, idx: any) =>
189 | Participations
152 |
153 |
184 |
154 |
183 |
155 |
156 |
182 |
157 |
180 |
181 |
158 |
179 |
159 |
177 |
178 |
160 |
176 |
161 |
166 | Raffles
167 |
168 |
172 | Auctions
173 |
174 |
175 |
195 |
202 | }
203 |
204 | )
205 | }
206 |
207 | export default AuctionProfile
--------------------------------------------------------------------------------
/src/services/contracts/auction1155.ts:
--------------------------------------------------------------------------------
1 | import { Contract, ethers } from "ethers"
2 | import BigNumber from "bignumber.js";
3 |
4 | import CONFIG from "../../config";
5 |
6 |
7 | export const CreateAuction1155Contract = async (
8 | tokenContract: string,
9 | tokenId: number,
10 | tokenAmount: number,
11 | ticketPrice: number,
12 | startDate: any,
13 | endDate: any,
14 | ) => {
15 | try {
16 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
17 | const signer = Provider.getSigner();
18 | const TokenContract = new Contract(tokenContract, CONFIG.TOKENERC1155, signer)
19 | const approveTx = await TokenContract.setApprovalForAll(CONFIG.AUCTION.CONTRACTADDRESS1155, tokenId)
20 | await approveTx.wait()
21 |
22 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
23 | const price = new BigNumber(ticketPrice).times(new BigNumber(10).pow(new BigNumber(18)))
24 | const tx = await auctionContract.createAuction(
25 | tokenContract,
26 | tokenId,
27 | tokenAmount,
28 | price.toString(),
29 | startDate,
30 | endDate
31 | )
32 | await tx.wait()
33 | if (tx) {
34 | return true
35 | }
36 | } catch (error) {
37 | console.log('error', error)
38 | return false
39 | }
40 | }
41 |
42 | export const UpdateAuction1155Contract = async (
43 | itemId: string,
44 | ticketPrice: number,
45 | startDate: any,
46 | endDate: any,
47 | ) => {
48 | try {
49 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
50 | const signer = Provider.getSigner();
51 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
52 | const price = new BigNumber(ticketPrice).times(new BigNumber(10).pow(new BigNumber(18)))
53 | const tx = await auctionContract.updateAuction(
54 | itemId,
55 | price.toString(),
56 | startDate,
57 | endDate
58 | )
59 | await tx.wait()
60 | if (tx) {
61 | return true
62 | }
63 | } catch (error) {
64 | console.log('error', error)
65 | return false
66 | }
67 | }
68 |
69 | export const CancelAuction1155Contract = async (
70 | itemId: string
71 | ) => {
72 | try {
73 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
74 | const signer = Provider.getSigner();
75 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
76 | const tx = await auctionContract.cancelAuction(itemId)
77 | await tx.wait()
78 | if (tx) {
79 | return true
80 | }
81 | } catch (error) {
82 | console.log('error', error)
83 | return false
84 | }
85 | }
86 |
87 |
88 | export const fetchAuction1155Items = async (tokenId: any, tokenAddress: any, startDate: any) => {
89 | try {
90 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
91 | const signer = Provider.getSigner();
92 |
93 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
94 |
95 | const fetch_lists = await auctionContract.fetchAuctionItems()
96 | const itemId = fetch_lists.findIndex((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === Number(startDate))
97 | const get_winner = fetch_lists.find((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === Number(startDate))
98 | return { itemId, winner: get_winner?.winner.toLowerCase() }
99 | } catch (error) {
100 | console.log('error', error)
101 | }
102 | }
103 |
104 | export const createBidAuction1155 = async (itemId: any, price: any) => {
105 | try {
106 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
107 | const signer = Provider.getSigner();
108 |
109 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
110 |
111 | const send_value = new BigNumber(price).times(new BigNumber(10).pow(new BigNumber(18)))
112 | const res = await auctionContract.createBid(itemId, {
113 | value: send_value.toString()
114 | });
115 | await res.wait()
116 |
117 | return res
118 |
119 | } catch (error) {
120 | console.log(`error`, error)
121 | }
122 | }
123 |
124 | export const updateBidAuction1155 = async (itemId: any, price: any) => {
125 | try {
126 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
127 | const signer = Provider.getSigner();
128 |
129 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
130 |
131 | const send_value = new BigNumber(price).times(new BigNumber(10).pow(new BigNumber(18)))
132 | const res = await auctionContract.updateBid(itemId, {
133 | value: send_value.toString()
134 | });
135 | await res.wait()
136 |
137 | return res
138 |
139 | } catch (error) {
140 | console.log(`error`, error)
141 | }
142 | }
143 |
144 | export const cancelBidAuction1155 = async (itemId: any) => {
145 | try {
146 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
147 | const signer = Provider.getSigner();
148 |
149 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
150 |
151 | const res = await auctionContract.cancelBid(itemId);
152 | await res.wait()
153 |
154 | return res
155 |
156 | } catch (error) {
157 | console.log(`error`, error)
158 | }
159 | }
160 |
161 | export const claimBidAuction1155 = async (itemId: any) => {
162 | try {
163 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
164 | const signer = Provider.getSigner();
165 |
166 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
167 |
168 | const tx = await auctionContract.claimAuction(itemId);
169 | await tx.wait()
170 | return tx
171 |
172 | } catch (error) {
173 | console.log('error', error)
174 | }
175 | }
176 |
177 |
178 | export const fetchMyBidItems1155 = async () => {
179 | try {
180 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
181 | const signer = Provider.getSigner();
182 |
183 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
184 |
185 | const res = await auctionContract.fetchMyBidItems()
186 | return res
187 |
188 | } catch (error) {
189 | console.log(`error`, error)
190 | }
191 | }
192 |
193 | export const fetchBidItemsById1155 = async (itemId: any) => {
194 | try {
195 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
196 | const signer = Provider.getSigner();
197 |
198 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
199 |
200 | const res = await auctionContract.fetchBidItemsByID(itemId);
201 |
202 | return res
203 |
204 | } catch (error) {
205 | console.log('error', error)
206 | }
207 | }
208 |
209 | export const getSoldNftStatus1155 = async (tokenId: any, tokenAddress: any, startDate: any) => {
210 | try {
211 | const Provider: any = new ethers.providers.Web3Provider(window.ethereum);
212 | const signer = Provider.getSigner();
213 |
214 | const auctionContract = new Contract(CONFIG.AUCTION.CONTRACTADDRESS1155, CONFIG.AUCTION.ABI1155, signer);
215 |
216 | const fetch_lists = await auctionContract.fetchAuctionItems()
217 | const res = fetch_lists.find((item: any) => item.tokenId.toNumber() === tokenId && item.nftContract.toLowerCase() === tokenAddress.toLowerCase() && item.startDate.toNumber() === Number(startDate))
218 | return res.sold
219 | } catch (error) {
220 | console.log('error', error)
221 | }
222 | }
223 |
--------------------------------------------------------------------------------
/src/components/NFTModal/index.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from "react";
2 | import { useSelector } from "react-redux";
3 | import { toast } from "react-toastify";
4 |
5 | import VerificationIcon from "../../assets/Verification-icon.png";
6 | import { getNfts } from "../../services/api";
7 | import "./index.css";
8 |
9 | const NFTModal = (props: any) => {
10 | const { show, title, setNftName, setContractType, raffleValue, setRaffleValue, auctionValue, setAuctionValue } = props;
11 | const storeData: any = useSelector(status => status)
12 | const [isModalLoading, setModalLoading] = useState(false);
13 | const [nfts, setNfts] = useState
196 | 
197 |
201 | 198 | You haven’t participated in any Raffles! 199 |
200 |
118 |
189 | ) : (
190 |
191 | )}
192 |
193 | );
194 | };
195 |
196 | export default NFTModal;
197 |
--------------------------------------------------------------------------------
/src/constants/Token/Erc721Token.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "inputs": [
4 | {
5 | "internalType": "string",
6 | "name": "name_",
7 | "type": "string"
8 | },
9 | {
10 | "internalType": "string",
11 | "name": "symbol_",
12 | "type": "string"
13 | }
14 | ],
15 | "stateMutability": "nonpayable",
16 | "type": "constructor"
17 | },
18 | {
19 | "anonymous": false,
20 | "inputs": [
21 | {
22 | "indexed": true,
23 | "internalType": "address",
24 | "name": "owner",
25 | "type": "address"
26 | },
27 | {
28 | "indexed": true,
29 | "internalType": "address",
30 | "name": "approved",
31 | "type": "address"
32 | },
33 | {
34 | "indexed": true,
35 | "internalType": "uint256",
36 | "name": "tokenId",
37 | "type": "uint256"
38 | }
39 | ],
40 | "name": "Approval",
41 | "type": "event"
42 | },
43 | {
44 | "anonymous": false,
45 | "inputs": [
46 | {
47 | "indexed": true,
48 | "internalType": "address",
49 | "name": "owner",
50 | "type": "address"
51 | },
52 | {
53 | "indexed": true,
54 | "internalType": "address",
55 | "name": "operator",
56 | "type": "address"
57 | },
58 | {
59 | "indexed": false,
60 | "internalType": "bool",
61 | "name": "approved",
62 | "type": "bool"
63 | }
64 | ],
65 | "name": "ApprovalForAll",
66 | "type": "event"
67 | },
68 | {
69 | "anonymous": false,
70 | "inputs": [
71 | {
72 | "indexed": true,
73 | "internalType": "address",
74 | "name": "from",
75 | "type": "address"
76 | },
77 | {
78 | "indexed": true,
79 | "internalType": "address",
80 | "name": "to",
81 | "type": "address"
82 | },
83 | {
84 | "indexed": true,
85 | "internalType": "uint256",
86 | "name": "tokenId",
87 | "type": "uint256"
88 | }
89 | ],
90 | "name": "Transfer",
91 | "type": "event"
92 | },
93 | {
94 | "inputs": [
95 | {
96 | "internalType": "address",
97 | "name": "to",
98 | "type": "address"
99 | },
100 | {
101 | "internalType": "uint256",
102 | "name": "tokenId",
103 | "type": "uint256"
104 | }
105 | ],
106 | "name": "approve",
107 | "outputs": [],
108 | "stateMutability": "nonpayable",
109 | "type": "function"
110 | },
111 | {
112 | "inputs": [
113 | {
114 | "internalType": "address",
115 | "name": "owner",
116 | "type": "address"
117 | }
118 | ],
119 | "name": "balanceOf",
120 | "outputs": [
121 | {
122 | "internalType": "uint256",
123 | "name": "",
124 | "type": "uint256"
125 | }
126 | ],
127 | "stateMutability": "view",
128 | "type": "function"
129 | },
130 | {
131 | "inputs": [
132 | {
133 | "internalType": "uint256",
134 | "name": "tokenId",
135 | "type": "uint256"
136 | }
137 | ],
138 | "name": "getApproved",
139 | "outputs": [
140 | {
141 | "internalType": "address",
142 | "name": "",
143 | "type": "address"
144 | }
145 | ],
146 | "stateMutability": "view",
147 | "type": "function"
148 | },
149 | {
150 | "inputs": [
151 | {
152 | "internalType": "address",
153 | "name": "owner",
154 | "type": "address"
155 | },
156 | {
157 | "internalType": "address",
158 | "name": "operator",
159 | "type": "address"
160 | }
161 | ],
162 | "name": "isApprovedForAll",
163 | "outputs": [
164 | {
165 | "internalType": "bool",
166 | "name": "",
167 | "type": "bool"
168 | }
169 | ],
170 | "stateMutability": "view",
171 | "type": "function"
172 | },
173 | {
174 | "inputs": [],
175 | "name": "name",
176 | "outputs": [
177 | {
178 | "internalType": "string",
179 | "name": "",
180 | "type": "string"
181 | }
182 | ],
183 | "stateMutability": "view",
184 | "type": "function"
185 | },
186 | {
187 | "inputs": [
188 | {
189 | "internalType": "uint256",
190 | "name": "tokenId",
191 | "type": "uint256"
192 | }
193 | ],
194 | "name": "ownerOf",
195 | "outputs": [
196 | {
197 | "internalType": "address",
198 | "name": "",
199 | "type": "address"
200 | }
201 | ],
202 | "stateMutability": "view",
203 | "type": "function"
204 | },
205 | {
206 | "inputs": [
207 | {
208 | "internalType": "address",
209 | "name": "from",
210 | "type": "address"
211 | },
212 | {
213 | "internalType": "address",
214 | "name": "to",
215 | "type": "address"
216 | },
217 | {
218 | "internalType": "uint256",
219 | "name": "tokenId",
220 | "type": "uint256"
221 | }
222 | ],
223 | "name": "safeTransferFrom",
224 | "outputs": [],
225 | "stateMutability": "nonpayable",
226 | "type": "function"
227 | },
228 | {
229 | "inputs": [
230 | {
231 | "internalType": "address",
232 | "name": "from",
233 | "type": "address"
234 | },
235 | {
236 | "internalType": "address",
237 | "name": "to",
238 | "type": "address"
239 | },
240 | {
241 | "internalType": "uint256",
242 | "name": "tokenId",
243 | "type": "uint256"
244 | },
245 | {
246 | "internalType": "bytes",
247 | "name": "data",
248 | "type": "bytes"
249 | }
250 | ],
251 | "name": "safeTransferFrom",
252 | "outputs": [],
253 | "stateMutability": "nonpayable",
254 | "type": "function"
255 | },
256 | {
257 | "inputs": [
258 | {
259 | "internalType": "address",
260 | "name": "operator",
261 | "type": "address"
262 | },
263 | {
264 | "internalType": "bool",
265 | "name": "approved",
266 | "type": "bool"
267 | }
268 | ],
269 | "name": "setApprovalForAll",
270 | "outputs": [],
271 | "stateMutability": "nonpayable",
272 | "type": "function"
273 | },
274 | {
275 | "inputs": [
276 | {
277 | "internalType": "bytes4",
278 | "name": "interfaceId",
279 | "type": "bytes4"
280 | }
281 | ],
282 | "name": "supportsInterface",
283 | "outputs": [
284 | {
285 | "internalType": "bool",
286 | "name": "",
287 | "type": "bool"
288 | }
289 | ],
290 | "stateMutability": "view",
291 | "type": "function"
292 | },
293 | {
294 | "inputs": [],
295 | "name": "symbol",
296 | "outputs": [
297 | {
298 | "internalType": "string",
299 | "name": "",
300 | "type": "string"
301 | }
302 | ],
303 | "stateMutability": "view",
304 | "type": "function"
305 | },
306 | {
307 | "inputs": [
308 | {
309 | "internalType": "uint256",
310 | "name": "tokenId",
311 | "type": "uint256"
312 | }
313 | ],
314 | "name": "tokenURI",
315 | "outputs": [
316 | {
317 | "internalType": "string",
318 | "name": "",
319 | "type": "string"
320 | }
321 | ],
322 | "stateMutability": "view",
323 | "type": "function"
324 | },
325 | {
326 | "inputs": [
327 | {
328 | "internalType": "address",
329 | "name": "from",
330 | "type": "address"
331 | },
332 | {
333 | "internalType": "address",
334 | "name": "to",
335 | "type": "address"
336 | },
337 | {
338 | "internalType": "uint256",
339 | "name": "tokenId",
340 | "type": "uint256"
341 | }
342 | ],
343 | "name": "transferFrom",
344 | "outputs": [],
345 | "stateMutability": "nonpayable",
346 | "type": "function"
347 | }
348 | ]
--------------------------------------------------------------------------------
/src/components/AuctionItem.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from "react";
2 | import { useSelector } from "react-redux";
3 | import { Link } from "react-router-dom";
4 | import Countdown, { CountdownApi } from 'react-countdown'
5 |
6 | import VerificationIcon from "../assets/Verification-icon.png";
7 | import { fetchAuctionItems, fetchMyBidItems } from "../services/contracts/auction";
8 | import { DECIMAL } from "../config/dev";
9 | import { fetchAuction1155Items, fetchMyBidItems1155 } from "../services/contracts/auction1155";
10 |
11 | const AuctionItem = (props: any) => {
12 | const { item } = props;
13 | const storeData: any = useSelector((status) => status)
14 | const [currentBid, setCurrentBid] = useState(0)
15 | const [showEdit, setShowEdit] = useState(false)
16 |
17 | let startCountdownApi: CountdownApi | null = null
18 | let endCountdownApi: CountdownApi | null = null
19 |
20 | const setStartCountdownRef = (countdown: Countdown | null) => {
21 | if (countdown) {
22 | startCountdownApi = countdown.getApi()
23 | }
24 | }
25 |
26 | const setEndCountdownRef = (countdown: Countdown | null) => {
27 | if (countdown) {
28 | endCountdownApi = countdown.getApi()
29 | }
30 | }
31 |
32 | const startCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
33 | if (api.isPaused()) api.start()
34 | return (
35 | completed ?
36 |
119 |
188 |
120 |
128 | {title}
121 | 127 |
129 | {
130 | nfts.length > 0 ?
131 | nfts.map((nft, index: any) => {
132 | return (
133 |
172 | handleSelect(index)} >
134 |
165 | )
166 | })
167 | : isModalLoading ? <>
168 | :
169 |
135 |
164 |
136 | 
142 |
143 |
144 |
163 |
145 |
150 |
151 | {nft?.metadata?.name.split('#')[0]}
152 |
153 |
154 |
155 |
162 | 156 | Token ID 157 |
158 |159 | #{nft?.token_id} 160 |
161 |No exist NFT in your wallet.
170 | } 171 |
173 |
180 |
186 |
187 |
45 |
53 | )
54 | }
55 |
56 | const endCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
57 | if (api.isPaused()) api.start()
58 | return (
59 | completed ?
60 | Starts In
46 |47 | {days.toString().length === 1 ? `0${days}` : days}: 48 | {hours.toString().length === 1 ? `0${hours}` : hours}: 49 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 50 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 51 |
52 |Ended
61 | : 62 |
63 |
71 | )
72 | }
73 |
74 | useEffect(() => {
75 | (
76 | async () => {
77 | try {
78 | if (item.type === `ERC1155`) {
79 | const getAuctionInfo = await fetchAuction1155Items(item.tokenId, item.tokenAddress, item.start_date);
80 | const get_nftInfo = await fetchMyBidItems1155()
81 |
82 | const find_bidding = get_nftInfo.find((item: any) => getAuctionInfo?.itemId + 1 === item.auctionId.toNumber())
83 |
84 | if (find_bidding) {
85 | setCurrentBid(find_bidding.bidPrice.toNumber() / DECIMAL)
86 | }
87 | } else {
88 | const getAuctionInfo = await fetchAuctionItems(item.tokenId, item.tokenAddress, item.start_date);
89 | const get_nftInfo = await fetchMyBidItems()
90 |
91 | const find_bidding = get_nftInfo.find((item: any) => getAuctionInfo?.itemId + 1 === item.auctionId.toNumber())
92 |
93 | if (find_bidding) {
94 | setCurrentBid(find_bidding.bidPrice.toNumber() / DECIMAL)
95 | }
96 | }
97 |
98 | if (item.start_date * 1000 > Date.now() && item.walletAddress === storeData.address) {
99 | setShowEdit(true)
100 | }
101 |
102 |
103 | } catch (error) {
104 | console.log('error', error)
105 | }
106 | }
107 | )()
108 | }, [])
109 |
110 | return (
111 | Live
64 |65 | {days.toString().length === 1 ? `0${days}` : days}: 66 | {hours.toString().length === 1 ? `0${hours}` : hours}: 67 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 68 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 69 |
70 |
115 |
218 | );
219 | };
220 |
221 | export default AuctionItem;
222 |
--------------------------------------------------------------------------------
/src/pages/Auction/AuctionParticipant.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect } from 'react'
2 | import { Link } from "react-router-dom";
3 | import Countdown, { CountdownApi } from 'react-countdown'
4 |
5 | import VerificationIcon from "../../assets/Verification-icon-2.png";
6 | import VeiwIcon from "../../assets/Veiw-Icon.png";
7 | import TimingIcon from "../../assets/Subtract-timing-icon.png";
8 | import TicketIcon from "../../assets/Subtract-ticket-icon.png";
9 | import BoughtIcon from "../../assets/Subtract-bought-icon.png";
10 | import WinningIcon from "../../assets/Subtract-winning-icon.png";
11 |
12 | import { fetchRaffleItems, fetchTicketItemsByID } from '../../services/contracts/raffle';
13 | import { fetchAuctionItems, fetchMyBidItems } from '../../services/contracts/auction';
14 | import CONFIG from '../../config';
15 | import { fetchAuction1155Items, fetchBidItemsById1155, fetchMyBidItems1155 } from '../../services/contracts/auction1155';
16 |
17 |
18 | const AuctionRarticipant = (props: any) => {
19 | const { item, idx } = props
20 | const [sellAmount, setSellAmount] = useState(0)
21 |
22 | let startCountdownApi: CountdownApi | null = null
23 | let endCountdownApi: CountdownApi | null = null
24 |
25 | const setStartCountdownRef = (countdown: Countdown | null) => {
26 | if (countdown) {
27 | startCountdownApi = countdown.getApi()
28 | }
29 | }
30 |
31 | const setEndCountdownRef = (countdown: Countdown | null) => {
32 | if (countdown) {
33 | endCountdownApi = countdown.getApi()
34 | }
35 | }
36 |
37 | const startCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
38 | if (api.isPaused()) api.start()
39 | return (
40 | completed ?
41 |
116 |
183 |
184 |
117 |
122 |
136 |
123 |
135 |
124 |
134 |
125 |
132 |
133 |
126 |
131 | 127 | {item.name.split('#')[0]} 128 |
129 |#{item.tokenId}
130 |
137 |
182 |
138 |
146 |
139 |
140 |
141 | {item.name.split('#')[0]} #{item.tokenId}
142 |
143 |
144 | @{item.project}
145 |
147 |
181 |
148 |
171 | {
172 | storeData.wallet === 'connected' &&
173 |
149 |
161 | Time Remaining
150 |
151 |
162 |
165 |
166 | Min. Increment
163 |{item.price}
164 |
167 |
170 | Type
168 |{item.type}
169 |
174 |
179 | }
180 |
175 |
178 | Current Bid
176 |{currentBid ? currentBid : 0}
177 |
185 |
217 |
186 | {
187 | item.type === `ERC1155` ?
188 |
192 | View
193 |
194 | :
195 |
199 | View
200 |
201 |
202 | }
203 |
204 | {
205 | showEdit &&
206 |
207 |
211 | Edit
212 |
213 |
214 | }
215 |
216 |
50 |
58 | )
59 | }
60 |
61 | const endCountdownRenderer = ({ api, days, hours, minutes, seconds, completed }: any) => {
62 | if (api.isPaused()) api.start()
63 | return (
64 | completed ?
65 | Starts In
51 |52 | {days.toString().length === 1 ? `0${days}` : days}: 53 | {hours.toString().length === 1 ? `0${hours}` : hours}: 54 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 55 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 56 |
57 |Ended
66 | : 67 |
68 |
76 |
77 | )
78 | }
79 |
80 | useEffect(() => {
81 | (
82 | async () => {
83 | try {
84 | if (item.type === `ERC1155`) {
85 |
86 | const getAuctionInfo = await fetchAuction1155Items(item.tokenId, item.tokenAddress, item.start_date);
87 | const get_nftInfo = await fetchMyBidItems1155()
88 |
89 | const find_bidding = get_nftInfo.find((item: any) => getAuctionInfo?.itemId === item.auctionId.toNumber() - 1)
90 | if (find_bidding) {
91 | setSellAmount(find_bidding.bidPrice.toNumber() / CONFIG.DECIMAL)
92 | }
93 |
94 | } else {
95 | const getAuctionInfo = await fetchAuctionItems(item.tokenId, item.tokenAddress, item.start_date);
96 | const get_nftInfo = await fetchMyBidItems()
97 |
98 | const find_bidding = get_nftInfo.find((item: any) => getAuctionInfo?.itemId === item.auctionId.toNumber() - 1)
99 | if (find_bidding) {
100 | setSellAmount(find_bidding.bidPrice.toNumber() / CONFIG.DECIMAL)
101 | }
102 |
103 | }
104 |
105 | } catch (error) {
106 | console.log('error', error)
107 | }
108 | }
109 | )()
110 | }, [])
111 |
112 | return (
113 | Live
69 |70 | {days.toString().length === 1 ? `0${days}` : days}: 71 | {hours.toString().length === 1 ? `0${hours}` : hours}: 72 | {minutes.toString().length === 1 ? `0${minutes}` : minutes}: 73 | {seconds.toString().length === 1 ? `0${seconds}` : seconds} 74 |
75 |
114 |
215 | );
216 | };
217 |
218 | export default AuctionRarticipant;
219 |
--------------------------------------------------------------------------------
115 |
214 |
116 |
213 |
117 |
212 |
118 |
166 |
119 | 
124 |
125 |
126 |
165 |
127 |
164 |
128 |
141 |
129 |
133 |
134 | {item?.project}
135 |
136 |
137 | 138 | {item?.name} 139 |
140 |
142 | {
143 | item.type === `ERC1155` ?
144 |
149 | 
150 | View Auction
151 |
152 | :
153 |
158 |
159 | View Auction
160 |
161 | }
162 |
163 |
167 |
211 |
168 | 
173 |
183 | Time Remaining
174 |
175 |
184 | 
189 |
192 | Min. Bid Incrementant
190 |{item?.price}
191 |
193 | 
198 |
201 | Tickets Bought
199 |{sellAmount}
200 |
202 | 
207 |
210 | Winning Chance
208 |10%
209 |