m1ngsama/FUJI
1
0
Fork 0
mirror of https://github.com/m1ngsama/FUJI.git synced 2025-12-25 02:56:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

add event detail loading

Browse source
This commit is contained in:
Clas Wen 2025-05-24 13:57:36 +08:00
parent 478a7146f5
commit c00cdb478c
1 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/pages/repair/EventDetail.tsx
View file

@ -1,7 +1,7 @@
import { forwardRef, useEffect, useImperativeHandle, useState } from "react" import { forwardRef, useEffect, useImperativeHandle, useState } from "react"
import type { components } from "../../types/saturday" import type { components } from "../../types/saturday"
import { saturdayClient } from "../../utils/client" import { saturdayClient } from "../../utils/client"
import { Textarea, Input, Chip } from "@heroui/react" import { Textarea, Input, Chip, Skeleton } from "@heroui/react"
import type { PublicMember } from "../../store/member" import type { PublicMember } from "../../store/member"
import dayjs from "dayjs" import dayjs from "dayjs"
import { EventStatus, UserEventAction } from "../../types/event" import { EventStatus, UserEventAction } from "../../types/event"
@ -182,7 +182,22 @@ const EventDetail = forwardRef<EventDetailRef, {
</div> </div>
</section> </section>
) )
: <div></div> : (
<div className="flex flex-col gap-4">
<Skeleton className="rounded-lg mb-4">
<div className="h-24 rounded-lg bg-default-300" />
</Skeleton>
<Skeleton className="rounded-lg">
<div className="h-24 rounded-lg bg-default-300" />
</Skeleton>
<Skeleton className="rounded-lg">
<div className="h-16 rounded-lg bg-default-300" />
</Skeleton>
<Skeleton className="rounded-lg">
<div className="h-24 rounded-lg bg-default-300" />
</Skeleton>
</div>
)
) )
}) })