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

Merge pull request #58 from Ayush272002/profile

Browse Source 
make dynamic
This commit is contained in:
Ayush Acharjya
2024-10-27 10:52:04 +00:00
committed by GitHub
parent 8c6c40bb66 6caf7b36e2
commit 5c89283832
1 changed files with 44 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
app/profile/page.tsx
View File

@@ -31,7 +31,7 @@ interface TicketDetails {
imageUrl: string; imageUrl: string;
} }
export default function ProfilePage() { export default function Component() {
const [isClient, setIsClient] = useState(false); const [isClient, setIsClient] = useState(false);
const [userTickets, setUserTickets] = useState<TicketDetails[]>([]); const [userTickets, setUserTickets] = useState<TicketDetails[]>([]);
const [userAddress, setUserAddress] = useState(''); const [userAddress, setUserAddress] = useState('');
@@ -97,25 +97,50 @@ export default function ProfilePage() {
const ticketIds = await contract.getUserTickets(address); const ticketIds = await contract.getUserTickets(address);
console.log('Raw tickets data:', ticketIds); console.log('Raw tickets data:', ticketIds);
if (Array.isArray(ticketIds)) { if (!ticketIds || ticketIds.length === 0) {
const ticketDetailsPromises = ticketIds.map(async (ticketId) => { console.log('No tickets found for this user');
const ticketNumber = ticketId.toNumber(); setUserTickets([]);
// Simulate fetching event details with dummy data return;
const eventDetails: TicketDetails = { }
ticketId: ticketNumber,
eventName: `Event #${ticketNumber}`,
eventLocation: 'Location XYZ',
eventDate: '2023-12-01',
imageUrl: 'https://via.placeholder.com/150',
};
return eventDetails;
});
const details = await Promise.all(ticketDetailsPromises); const ticketDetailsPromises = ticketIds.map(
setUserTickets(details); async (ticketId: ethers.BigNumber) => {
} else { try {
console.error('Unexpected response from getUserTickets:', ticketIds); const ticketNumber = ticketId.toNumber();
setError('Unexpected response from contract. Please try again.'); const ticket = await contract.tickets(ticketNumber);
const event = await contract.events(ticket.eventId);
// Convert event start date from Unix timestamp to JavaScript Date
const eventDate = new Date(event.eventStartDate.toNumber() * 1000);
const eventDetails: TicketDetails = {
ticketId: ticketNumber,
eventName: event.name,
eventLocation: event.location,
eventDate: eventDate.toISOString().split('T')[0], // Format as YYYY-MM-DD
imageUrl:
event.images && event.images.length > 0
? event.images[0]
: 'https://via.placeholder.com/150', // Use first image or placeholder
};
return eventDetails;
} catch (error) {
console.error(
`Error fetching details for ticket ${ticketId}:`,
error
);
return null;
}
}
);
const details = (await Promise.all(ticketDetailsPromises)).filter(
(detail): detail is TicketDetails => detail !== null
);
setUserTickets(details);
if (details.length === 0) {
setError('Failed to fetch ticket details. Please try again.');
} }
} catch (error) { } catch (error) {
console.error('Failed to fetch user tickets:', error); console.error('Failed to fetch user tickets:', error);