47e496fded
* remove loader from setup screens + zapier loading * remove loader from team user availability * create skeleton loader * code clean up * code clean up Co-authored-by: CarinaWolli <wollencarina@gmail.com> Co-authored-by: Peer Richelsen <peeroke@gmail.com>
24 lines
780 B
TypeScript
24 lines
780 B
TypeScript
import { SkeletonContainer, SkeletonText } from "@calcom/ui";
|
|
|
|
function SkeletonLoader() {
|
|
return (
|
|
<SkeletonContainer>
|
|
<div className="mt-20 ml-2 md:flex">
|
|
<div className="mr-6 md:flex-none">
|
|
<SkeletonText className="h-4 w-28" />
|
|
<SkeletonText className="mt-2 mb-6 h-8 w-full md:w-64" />
|
|
<SkeletonText className="h-4 w-28" />
|
|
<SkeletonText className="mt-2 h-8 w-full md:w-64" />
|
|
<SkeletonText className="mt-8 hidden h-0.5 w-full md:block" />
|
|
<SkeletonText className="mt-8 mb-6 h-8 w-40" />
|
|
</div>
|
|
<div className="hidden flex-grow md:flex">
|
|
<SkeletonText className="h-64 w-full" />
|
|
</div>
|
|
</div>
|
|
</SkeletonContainer>
|
|
);
|
|
}
|
|
|
|
export default SkeletonLoader;
|