From 44098c86913d00e60f1b116b684245fb31174c42 Mon Sep 17 00:00:00 2001 From: ashprit Date: Fri, 25 Oct 2024 23:43:10 +0100 Subject: [PATCH] adding react components without logic --- app/page.tsx | 109 +- components/Confirmation.tsx | 64 + components/EventPage.tsx | 18 + components/Profile.tsx | 101 ++ components/custom/BuyTicket.tsx | 7 + components/custom/EventDescription.tsx | 62 + components/custom/ImageCarousel.tsx | 33 + components/custom/TicketButton.tsx | 48 + components/ui/badge.tsx | 36 + components/ui/button.tsx | 2 +- components/ui/card.tsx | 83 ++ components/ui/carousel.tsx | 262 ++++ components/ui/input.tsx | 25 + components/ui/label.tsx | 26 + components/ui/select.tsx | 164 +++ components/ui/separator.tsx | 31 + package-lock.json | 1739 +++++++++++++----------- package.json | 9 +- tailwind.config.ts | 4 + 19 files changed, 1946 insertions(+), 877 deletions(-) create mode 100644 components/Confirmation.tsx create mode 100644 components/EventPage.tsx create mode 100644 components/Profile.tsx create mode 100644 components/custom/BuyTicket.tsx create mode 100644 components/custom/EventDescription.tsx create mode 100644 components/custom/ImageCarousel.tsx create mode 100644 components/custom/TicketButton.tsx create mode 100644 components/ui/badge.tsx create mode 100644 components/ui/card.tsx create mode 100644 components/ui/carousel.tsx create mode 100644 components/ui/input.tsx create mode 100644 components/ui/label.tsx create mode 100644 components/ui/select.tsx create mode 100644 components/ui/separator.tsx diff --git a/app/page.tsx b/app/page.tsx index d9b82c4..5c093cf 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,107 +1,6 @@ +import EventDescription from '@/components/custom/EventDescription'; import Home from './Home'; +import ConfirmationTicket from '@/components/Confirmation'; +import Profile from '@/components/Profile'; -export default function Page() { - return ; -} - -// import Image from 'next/image'; -// -// export default function Home() { -// return ( -//
-//
-// Next.js logo -//
    -//
  1. -// Get started by editing{' '} -// -// app/page.tsx -// -// . -//
  2. -//
  3. Save and see your changes instantly.
  4. -//
-// -//
-// -// Vercel logomark -// Deploy now -// -// -// Read our docs -// -//
-//
-// -//
-// ); -// } +export default function Page() {} diff --git a/components/Confirmation.tsx b/components/Confirmation.tsx new file mode 100644 index 0000000..66eca11 --- /dev/null +++ b/components/Confirmation.tsx @@ -0,0 +1,64 @@ +'use client'; +import React from 'react'; +import { + Card, + CardHeader, + CardContent, + CardFooter, +} from '@/components/ui/card'; +import { Badge } from '@/components/ui/badge'; +import { Separator } from '@/components/ui/separator'; +import { Button } from '@/components/ui/button'; +import { CheckCircle } from 'lucide-react'; + +interface props { + ticketTitle: string; + eventDate: string; + ticketID: string; +} + +const ConfirmationTicket = ({ ticketTitle, eventDate, ticketID }: props) => { + return ( + + + +

+ Ticket Confirmed! +

+ + #{ticketID} + +
+ + + +

{ticketTitle}

+

Event Date: {eventDate}

+ +
+ + + + + +
+ ); +}; + +export default ConfirmationTicket; diff --git a/components/EventPage.tsx b/components/EventPage.tsx new file mode 100644 index 0000000..0c7e0eb --- /dev/null +++ b/components/EventPage.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +const EventPage = () => { + return ( + // <>Header + // + //