Shay/ticketchain
1
0
Fork 0
mirror of https://github.com/0xShay/ticketchain.git synced 2026-01-11 13:13:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Abstract out fetchEvents.ts from events page

Browse Source
This commit is contained in:
Shay Patel
2024-10-27 06:23:55 +00:00
parent 2cf394976f
commit 100e8a9468
4 changed files with 586 additions and 555 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
app/events/page.tsx
View File

@@ -6,6 +6,7 @@ import Header from '../../components/custom/header';
import Footer from '../../components/custom/footer';
import { ethers } from 'ethers';
import { getContract } from '@/lib/ethers';
import { fetchEvents } from '@/lib/fetchEvents';
export const dynamic = 'force-dynamic';
@@ -40,32 +41,9 @@ const EventsPage: React.FC = () => {
const [showFilterMenu, setShowFilterMenu] = useState<boolean>(false);
useEffect(() => {
const fetchEvents = async () => {
const getEvents = async () => {
try {
const provider = new ethers.providers.Web3Provider(window.ethereum!);
const contract = getContract().connect(provider);
const eventCount = await contract.eventCounter();
const eventsData: Event[] = [];
for (let i = 0; i < eventCount; i++) {
const event = await contract.events(i);
const images = await contract.getEventImages(i);
eventsData.push({
eventId: i,
name: event.name,
description: event.description,
location: event.location,
capacity: event.capacity.toNumber(),
ticketsSold: event.ticketsSold.toNumber(),
ticketPrice: parseFloat(
ethers.utils.formatEther(event.ticketPrice)
),
eventStartDate: event.eventStartDate.toNumber(),
eventEndDate: event.eventEndDate.toNumber(),
images: images,
eventHost: event.eventHost,
});
}
const eventsData: Event[] = (await fetchEvents())!;
setEvents(eventsData);
setFilteredEvents(eventsData);
@@ -87,7 +65,7 @@ const EventsPage: React.FC = () => {
}
};
fetchEvents();
getEvents();
}, [initialQuery]);
useEffect(() => {
@@ -172,7 +150,7 @@ const EventsPage: React.FC = () => {
<div className="absolute inset-0 bg-black opacity-50 z-10"></div>
<div className="relative z-20 container mx-auto p-4 pt-16">
<Suspense fallback={<p>Loading...</p>}>
<Suspense fallback={<div className="mt-4 text-2xl text-white">Loading...</div>}>
<input
type="text"
placeholder="Search events..."
@@ -291,7 +269,7 @@ const EventsPage: React.FC = () => {
</p>
<p className="text-gray-600">{event.location}</p>
<p className="text-gray-800 font-semibold">
${event.ticketPrice} FLR
${event.ticketPrice}
</p>
<p className="text-gray-600">Host: {event.eventHost}</p>
</div>

8
contracts/EventManager.sol
View File

@@ -24,9 +24,9 @@ contract EventManager {
string name;
string description;
string location;
uint256 capacity;
uint256 ticketsSold;
uint256 ticketPrice; // in USD cents
uint64 capacity;
uint64 ticketsSold;
uint64 ticketPrice; // in USD cents
uint256 eventStartDate;
uint256 eventEndDate;
string[] images; // array of image URLs
@@ -92,7 +92,7 @@ contract EventManager {
return centsToFlare(events[_eventId].ticketPrice);
}
function createEvent(string memory _name, string memory _description, string memory _location, uint256 _capacity, uint256 _ticketPrice, uint256 _eventStartDate, uint256 _eventEndDate, string[] memory _images) public returns (uint256 _eventId) {
function createEvent(string memory _name, string memory _description, string memory _location, uint64 _capacity, uint64 _ticketPrice, uint256 _eventStartDate, uint256 _eventEndDate, string[] memory _images) public returns (uint256 _eventId) {
events[eventCounter] = Event(_name, _description, _location, _capacity, 0, _ticketPrice, _eventStartDate, _eventEndDate, _images, new uint256[](0), payable(msg.sender));
eventCounter++;
emit EventCreated(eventCounter - 1, _name, _eventStartDate);

220
contracts/EventManagerABI.json
View File

@@ -1,100 +1,4 @@
[
{
"inputs": [
{
"internalType": "uint256",
"name": "_ticketId",
"type": "uint256"
},
{
"internalType": "address",
"name": "_to",
"type": "address"
},
{
"internalType": "bool",
"name": "_allowed",
"type": "bool"
}
],
"name": "approveTicket",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "_eventId",
"type": "uint256"
}
],
"name": "buyTicket",
"outputs": [
{
"internalType": "uint256",
"name": "_ticketId",
"type": "uint256"
}
],
"stateMutability": "payable",
"type": "function"
},
{
"inputs": [
{
"internalType": "string",
"name": "_name",
"type": "string"
},
{
"internalType": "string",
"name": "_description",
"type": "string"
},
{
"internalType": "string",
"name": "_location",
"type": "string"
},
{
"internalType": "uint256",
"name": "_capacity",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "_ticketPrice",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "_eventStartDate",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "_eventEndDate",
"type": "uint256"
},
{
"internalType": "string[]",
"name": "_images",
"type": "string[]"
}
],
"name": "createEvent",
"outputs": [
{
"internalType": "uint256",
"name": "_eventId",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [],
"stateMutability": "nonpayable",
@@ -217,9 +121,14 @@
"internalType": "address",
"name": "_to",
"type": "address"
},
{
"internalType": "bool",
"name": "_allowed",
"type": "bool"
}
],
"name": "transferTicket",
"name": "approveTicket",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
@@ -228,18 +137,19 @@
"inputs": [
{
"internalType": "uint256",
"name": "_ticketId",
"name": "_eventId",
"type": "uint256"
},
{
"internalType": "address",
"name": "_to",
"type": "address"
}
],
"name": "transferTicketFrom",
"outputs": [],
"stateMutability": "nonpayable",
"name": "buyTicket",
"outputs": [
{
"internalType": "uint256",
"name": "_ticketId",
"type": "uint256"
}
],
"stateMutability": "payable",
"type": "function"
},
{
@@ -261,6 +171,60 @@
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "string",
"name": "_name",
"type": "string"
},
{
"internalType": "string",
"name": "_description",
"type": "string"
},
{
"internalType": "string",
"name": "_location",
"type": "string"
},
{
"internalType": "uint64",
"name": "_capacity",
"type": "uint64"
},
{
"internalType": "uint64",
"name": "_ticketPrice",
"type": "uint64"
},
{
"internalType": "uint256",
"name": "_eventStartDate",
"type": "uint256"
},
{
"internalType": "uint256",
"name": "_eventEndDate",
"type": "uint256"
},
{
"internalType": "string[]",
"name": "_images",
"type": "string[]"
}
],
"name": "createEvent",
"outputs": [
{
"internalType": "uint256",
"name": "_eventId",
"type": "uint256"
}
],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [],
"name": "eventCounter",
@@ -300,9 +264,9 @@
"type": "string"
},
{
"internalType": "uint256",
"internalType": "uint64",
"name": "capacity",
"type": "uint256"
"type": "uint64"
},
{
"internalType": "uint256",
@@ -310,9 +274,9 @@
"type": "uint256"
},
{
"internalType": "uint256",
"internalType": "uint64",
"name": "ticketPrice",
"type": "uint256"
"type": "uint64"
},
{
"internalType": "uint256",
@@ -497,6 +461,42 @@
"stateMutability": "view",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "_ticketId",
"type": "uint256"
},
{
"internalType": "address",
"name": "_to",
"type": "address"
}
],
"name": "transferTicket",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{
"internalType": "uint256",
"name": "_ticketId",
"type": "uint256"
},
{
"internalType": "address",
"name": "_to",
"type": "address"
}
],
"name": "transferTicketFrom",
"outputs": [],
"stateMutability": "nonpayable",
"type": "function"
},
{
"inputs": [
{

53
lib/fetchEvents.ts Normal file
View File

@@ -0,0 +1,53 @@
import { ethers } from "ethers";
import { getContract } from "./ethers";
interface Event {
eventId: number;
name: string;
description: string;
location: string;
capacity: number;
ticketsSold: number;
ticketPrice: number;
eventStartDate: number;
eventEndDate: number;
images: string[];
eventHost: string;
}
export const fetchEvents: () => Promise<Event[] | undefined> = async () => {
try {
console.log('Starting events call');
if (typeof window.ethereum === 'undefined') {
console.error('Ethereum provider not found');
return;
}
console.log('Connecting to contract');
const contract = getContract();
const eventCount = await contract.eventCounter();
const eventsData: Event[] = [];
for (let i = 0; i < eventCount; i++) {
const event = await contract.events(i);
const images = await contract.getEventImages(i);
eventsData.push({
eventId: i,
name: event.name,
description: event.description,
location: event.location,
capacity: event.capacity.toNumber(),
ticketsSold: event.ticketsSold.toNumber(),
ticketPrice: event.ticketPrice.toNumber() / 100,
eventStartDate: event.eventStartDate.toNumber(),
eventEndDate: event.eventEndDate.toNumber(),
images: images,
eventHost: event.eventHost,
});
}
return eventsData;
} catch (error) {
console.error('Failed to fetch events:', error);
}
}