From 190be48ab0a01921d111af579df6ea9735e8e94e Mon Sep 17 00:00:00 2001 From: Adwit Mukherji <66975870+4dw1tz@users.noreply.github.com> Date: Fri, 25 Oct 2024 17:56:44 +0100 Subject: [PATCH 1/4] Preliminary Structure --- app/TicketListings.tsx | 0 app/TicketListings/TicketListings.tsx | 109 ++++++++++++++++++++++++++ app/TicketListings/page.tsx | 10 +++ components/custom/header.tsx | 9 ++- 4 files changed, 124 insertions(+), 4 deletions(-) delete mode 100644 app/TicketListings.tsx create mode 100644 app/TicketListings/TicketListings.tsx create mode 100644 app/TicketListings/page.tsx diff --git a/app/TicketListings.tsx b/app/TicketListings.tsx deleted file mode 100644 index e69de29..0000000 diff --git a/app/TicketListings/TicketListings.tsx b/app/TicketListings/TicketListings.tsx new file mode 100644 index 0000000..4f4e94a --- /dev/null +++ b/app/TicketListings/TicketListings.tsx @@ -0,0 +1,109 @@ +'use client'; +import React from 'react'; +import Header from '../../components/custom/header'; // Adjust the import path as needed +import Footer from '../../components/custom/footer'; // Assuming you have a footer component +import { useEffect, useState } from 'react'; + +// Dummy function to fetch events +const fetchEvents = () => { + return [ + { + EventID: 1, + name: 'Rock Concert', + date: '2023-12-01', + location: 'New York City', + ticketPrice: '$99', + imageUrl: 'https://via.placeholder.com/150', + }, + { + EventID: 2, + name: 'Art Expo', + date: '2023-11-15', + location: 'San Francisco', + ticketPrice: '$55', + imageUrl: 'https://via.placeholder.com/150', + }, + { + EventID: 3, + name: 'Tech Summit 2023', + date: '2023-12-10', + location: 'Chicago', + ticketPrice: '$250', + imageUrl: 'https://via.placeholder.com/150', + }, + ]; +}; + +interface Event { + EventID: number; + name: string; + date: string; + location: string; + ticketPrice: string; + imageUrl: string; +} + +const TicketListing: React.FC = () => { + const [events, setEvents] = useState([]); + + useEffect(() => { + // Simulate fetching the events + const eventsData = fetchEvents(); + setEvents(eventsData); + }, []); + + return ( +
+
+
+
+ +
+ + +
+
+
+
+

+ Available Events +

+
+ {events.map((event) => ( +
+ {event.name} +
+

{event.name}

+

{event.date}

+

{event.location}

+

+ {event.ticketPrice} +

+
+
+ ))} +
+
+
+
+
+
+ ); +}; + +export default TicketListing; diff --git a/app/TicketListings/page.tsx b/app/TicketListings/page.tsx new file mode 100644 index 0000000..46f20a4 --- /dev/null +++ b/app/TicketListings/page.tsx @@ -0,0 +1,10 @@ +import { Ticket } from 'lucide-react'; +import TicketListings from './TicketListings'; + +export default function Page() { + return ( + <> + + + ); +} diff --git a/components/custom/header.tsx b/components/custom/header.tsx index 134af8b..741ee63 100644 --- a/components/custom/header.tsx +++ b/components/custom/header.tsx @@ -36,10 +36,11 @@ const Header = () => {
  • - - - Events - + + Events
  • From d1c562c8f433ccabcb8f7a35554457022e49e8a1 Mon Sep 17 00:00:00 2001 From: Adwit Mukherji <66975870+4dw1tz@users.noreply.github.com> Date: Sat, 26 Oct 2024 00:27:09 +0100 Subject: [PATCH 2/4] Front end is Good --- app/Home.tsx | 73 +++++++++++++++--------- app/TicketListings/TicketListings.tsx | 78 +++++++++++++++++++------- app/TicketListings/page.tsx | 1 - components/custom/header.tsx | 28 +++++---- public/BGVid1.mp4 | Bin 0 -> 12104254 bytes public/BGVid2.mp4 | Bin 0 -> 8211691 bytes 6 files changed, 122 insertions(+), 58 deletions(-) create mode 100644 public/BGVid1.mp4 create mode 100644 public/BGVid2.mp4 diff --git a/app/Home.tsx b/app/Home.tsx index d86a4e9..a69c37a 100644 --- a/app/Home.tsx +++ b/app/Home.tsx @@ -5,34 +5,51 @@ export default function Home() { return ( <>
    -
    -
    - -
    -
    -

    - Featured Events -

    -

    - No events available at the moment. -

    -
    -
    -

    - Upcoming Events -

    -
      -
    • Event 1 - Date
      • -
    • Event 2 - Date
      • -
    • Event 3 - Date
      • -
    -
    -
    -