37 lines
1.4 KiB
TypeScript
37 lines
1.4 KiB
TypeScript
import { queries } from '@/lib/queries'
|
|
import Link from 'next/link'
|
|
import React from 'react'
|
|
|
|
export default async function DashboardPage() {
|
|
const events = await queries.fetchEvents()
|
|
// console.log(events)
|
|
|
|
return (
|
|
<div>
|
|
<h1 className='text-2xl font-bold'>Dashboard</h1>
|
|
<div className='border rounded-lg max-w-6xl mx-auto p-6 space-y-4'>
|
|
<h2 className='text-xl font-bold'>Your Events</h2>
|
|
{events.map((item) => (
|
|
<Link key={item.id} href={`/events/${item.id}`} >
|
|
<div className='hover:cursor-pointer border rounded-xl p-2'>
|
|
<p>ID: {item.id}</p>
|
|
<p>Name: <strong>{item.name}</strong></p>
|
|
<p>Date: {item.date ? item.date.toISOString() : 'null'}</p>
|
|
<p>Location: {item.location ? item.location : 'null'}</p>
|
|
<p>Created By: {item.creator.username}</p>
|
|
<p>Created At: {item.createdAt.toISOString()}</p>
|
|
|
|
</div>
|
|
</Link>
|
|
))}
|
|
<Link
|
|
href={'/events'}
|
|
className='underline'
|
|
>
|
|
See all events
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|