mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

Adding avatar skeleton loader (#2600)

Browse source
This commit is contained in:
sean-brydon 2022-04-25 21:18:07 +01:00 committed by GitHub
parent 307b098f83
commit afe957674c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
apps/web/components/eventtype/SkeletonLoader.tsx
View file

@ -4,11 +4,20 @@ import React from "react";
function SkeletonLoader() {
return (
<ul className="animate-pulse divide-y divide-neutral-200 border border-gray-200 bg-white sm:mx-0 sm:overflow-hidden">
<SkeletonItem />
<SkeletonItem />
<SkeletonItem />
</ul>
<div className="animate-pulse">
<div className="mb-4 flex items-center">
<div className="mt-1 h-8 w-8 rounded-full bg-gray-200 ltr:mr-2 rtl:ml-2" />
<div className="space-y-1">
<div className="h-4 w-16 rounded-md bg-gray-200"></div>
<div className="h-4 w-24 rounded-md bg-gray-200"></div>
</div>
</div>
<ul className="animate-pulse divide-y divide-neutral-200 border border-gray-200 bg-white sm:mx-0 sm:overflow-hidden">
<SkeletonItem />
<SkeletonItem />
<SkeletonItem />
</ul>
</div>
);
}