From 6983eb3d18f144424a744eb635d59cbe4228e6fc Mon Sep 17 00:00:00 2001
From: sid <35936587+siddharth-shringarpure@users.noreply.github.com>
Date: Fri, 25 Oct 2024 16:59:20 +0100
Subject: [PATCH 1/2] =?UTF-8?q?=E2=9C=A8Created=20MetaMask=20detection?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
app/Home.tsx | 8 ++++++++
components/scripts/MetaMask.tsx | 30 ++++++++++++++++++++++++++++++
components/scripts/Test.tsx | 16 ++++++++++++++++
3 files changed, 54 insertions(+)
create mode 100644 components/scripts/MetaMask.tsx
create mode 100644 components/scripts/Test.tsx
diff --git a/app/Home.tsx b/app/Home.tsx
index 642da0f..d013a0d 100644
--- a/app/Home.tsx
+++ b/app/Home.tsx
@@ -1,5 +1,7 @@
import Header from '../components/custom/header';
import Footer from '../components/custom/footer';
+import Test from '../components/scripts/Test';
+import MetaMask from '../components/scripts/MetaMask';
export default function Home() {
return (
@@ -21,6 +23,12 @@ export default function Home() {
Event 3 - Date
+
+
diff --git a/components/scripts/MetaMask.tsx b/components/scripts/MetaMask.tsx
new file mode 100644
index 0000000..364f793
--- /dev/null
+++ b/components/scripts/MetaMask.tsx
@@ -0,0 +1,30 @@
+'use client';
+
+import React, { useEffect } from 'react';
+
+const MetaMask = () => {
+ const isMetaMaskInstalled = () =>
+ typeof (window as { ethereum?: unknown }).ethereum !== 'undefined';
+
+ useEffect(() => {
+ console.log('Print something');
+ }, []);
+
+ // TODO FIX! This is not working :(
+ const metaMaskInstalled = isMetaMaskInstalled();
+ //console.log(metaMaskInstalled);
+
+ return (
+
+ {metaMaskInstalled ? (
+
+ ) : (
+
MetaMask not detected
+ )}
+
+ );
+};
+
+export default MetaMask;
diff --git a/components/scripts/Test.tsx b/components/scripts/Test.tsx
new file mode 100644
index 0000000..04842ff
--- /dev/null
+++ b/components/scripts/Test.tsx
@@ -0,0 +1,16 @@
+'use client';
+import React, { useEffect } from 'react';
+
+const Test = () => {
+ useEffect(() => {
+ console.log('Print some shit');
+ }, []);
+
+ return (
+
+ );
+};
+
+export default Test;
From 44098c86913d00e60f1b116b684245fb31174c42 Mon Sep 17 00:00:00 2001
From: ashprit
Date: Fri, 25 Oct 2024 23:43:10 +0100
Subject: [PATCH 2/2] 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 (
-//
-//
-//
-//
-// -
-// Get started by editing{' '}
-//
-// app/page.tsx
-//
-// .
-//
-// - Save and see your changes instantly.
-//
-//
-//
-//
-//
-//
-// );
-// }
+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>
+ //
+ //