mirror of
https://github.com/hanzoai/calendar.git
synced 2026-10-30 14:46:43 +00:00
099c534daa
* feat: dub refer embed * review fix * review fix * @dub/embed-core seems not needed * @dub/embed-core can stay in web * move refer page out of main-nav * update yarn lock * use loading.tsx --------- Co-authored-by: Peer Richelsen <[email protected]> Co-authored-by: hbjORbj <[email protected]>
70 lines
2.3 KiB
TypeScript
70 lines
2.3 KiB
TypeScript
"use client";
|
|
|
|
import {
|
|
SkeletonAvatar,
|
|
SkeletonButton,
|
|
SkeletonContainer,
|
|
SkeletonText,
|
|
} from "@calcom/ui/components/skeleton";
|
|
|
|
export default function Loading() {
|
|
return (
|
|
<SkeletonContainer className="mx-auto max-w-4xl">
|
|
<div className="rounded-md p-8">
|
|
<div className="mb-2 flex items-center">
|
|
<SkeletonText className="h-5 w-32" />
|
|
</div>
|
|
|
|
<div className="mb-6 space-y-2">
|
|
<SkeletonText className="h-7 w-3/4" />
|
|
<SkeletonText className="h-7 w-1/2" />
|
|
</div>
|
|
|
|
<div className="mb-6">
|
|
<SkeletonText className="mb-2 h-5 w-24" />
|
|
<div className="flex items-center space-x-2">
|
|
<SkeletonText className="h-10 w-full rounded-md" />
|
|
<SkeletonButton className="h-10 w-28 rounded-md" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="mt-4 grid grid-cols-3 gap-4 p-4">
|
|
<div className="col-span-1">
|
|
<div className="mb-4 grid grid-cols-3 gap-2 p-4">
|
|
{[...Array(9)].map((_, i) => (
|
|
<div key={i} className="flex justify-center">
|
|
<SkeletonAvatar className="h-10 w-10 rounded-md" />
|
|
</div>
|
|
))}
|
|
</div>
|
|
<div className="px-4 pb-4">
|
|
<SkeletonText className="mb-2 h-6 w-full" />
|
|
<SkeletonButton className="h-10 w-full rounded-md" />
|
|
</div>
|
|
</div>
|
|
|
|
<div className="col-span-1">
|
|
<div className="mb-[60px] flex justify-center p-4 md:mb-10">
|
|
<SkeletonAvatar className="mt-10 h-16 w-16 rounded-full md:mt-7 md:h-24 md:w-24" />
|
|
</div>
|
|
<div className="px-4 pb-4">
|
|
<SkeletonText className="mb-2 h-6 w-full" />
|
|
<SkeletonButton className="h-10 w-full rounded-md" />
|
|
</div>
|
|
</div>
|
|
|
|
<div className="col-span-1">
|
|
<div className="mb-[60px] flex justify-center p-4 md:mb-10">
|
|
<SkeletonAvatar className="mt-10 h-16 w-16 rounded-md md:mt-7 md:h-24 md:w-24" />
|
|
</div>
|
|
<div className="px-4 pb-4">
|
|
<SkeletonText className="mb-2 h-6 w-full" />
|
|
<SkeletonButton className="h-10 w-full rounded-md" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</SkeletonContainer>
|
|
);
|
|
}
|