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

🔀 Merge pull request #35 from Ayush272002/metamask_button

Browse Source 
🚑️ Fixing Metamask Connection Button!
This commit is contained in:
Sid
2024-10-26 23:48:53 +01:00
committed by GitHub
parent a95c8f6f20 b97e274904
commit 5fcfed3c04
4 changed files with 135 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
components/custom/FeaturedEvent.tsx
View File

@@ -1,44 +1,51 @@
'use client';
import React from 'react';
import {
Card,
CardHeader,
CardFooter,
CardTitle,
CardDescription,
CardContent,
Card,
CardHeader,
CardFooter,
CardTitle,
CardDescription,
CardContent,
} from '@/components/ui/card';
interface props {
name: string;
description: string;
location: string;
eventStartDate: number;
eventHost: string;
imageURL: string | null;
name: string;
description: string;
location: string;
eventStartDate: number;
eventHost: string;
imageURL: string | null;
}
const FeaturedEvent = ({
name, description, location, eventStartDate, eventHost, imageURL
name,
description,
location,
eventStartDate,
eventHost,
imageURL,
}: props) => {
return <Card>
<CardHeader>
{imageURL && <img src={imageURL} alt={name}></img>}
<CardTitle>
{name}
</CardTitle>
<CardDescription>
{location}<br />
{new Date(eventStartDate*1000).toLocaleString()}
</CardDescription>
</CardHeader>
<CardContent>
{description}
</CardContent>
<CardFooter>
<i>Host: {eventHost.substring(0, 8)}...{eventHost.substring(eventHost.length-3)}</i>
</CardFooter>
return (
<Card>
<CardHeader>
{imageURL && <img src={imageURL} alt={name}></img>}
<CardTitle>{name}</CardTitle>
<CardDescription>
{location}
<br />
{new Date(eventStartDate * 1000).toLocaleString()}
</CardDescription>
</CardHeader>
<CardContent>{description}</CardContent>
<CardFooter>
<i>
Host: {eventHost.substring(0, 8)}...
{eventHost.substring(eventHost.length - 3)}
</i>
</CardFooter>
</Card>
}
);
};
export default FeaturedEvent;
export default FeaturedEvent;