index.tsx raw
1 import { useFetchEvent } from '@/hooks'
2 import NoteCard, { NoteCardLoadingSkeleton } from '../NoteCard'
3
4 export default function PinnedNoteCard({
5 eventId,
6 className
7 }: {
8 eventId: string
9 className?: string
10 }) {
11 const { event, isFetching } = useFetchEvent(eventId)
12
13 if (isFetching) {
14 return <NoteCardLoadingSkeleton className="border-b" />
15 }
16
17 if (!event) {
18 return null
19 }
20
21 return <NoteCard event={event} className={className} pinned />
22 }
23