16 lines
714 B
TypeScript
16 lines
714 B
TypeScript
import Link from 'next/link'
|
|
import React from 'react'
|
|
|
|
export default function EventInfoQuickView(props: EventProps) {
|
|
return (
|
|
<Link href={`/events/${props.id}`} >
|
|
<div className='hover:cursor-pointer rounded-lg p-2 bg-brand-primary-900 hover:bg-brand-primary-800 transition-colors duration-200'>
|
|
<h3 className='text-md font-semibold'>{props.name}</h3>
|
|
<p>Date: {props.date ? props.date.toDateString() : 'null'}</p>
|
|
<p>Location: {props.location ? props.location : 'null'}</p>
|
|
<p className='text-xs mt-2'>Created By: {props.creator.username}</p>
|
|
</div>
|
|
</Link>
|
|
)
|
|
}
|