public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adding avatar skeleton loader (#2600)

pull/2604/head
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() { function SkeletonLoader() {
return ( return (
<ul className="animate-pulse divide-y divide-neutral-200 border border-gray-200 bg-white sm:mx-0 sm:overflow-hidden"> <div className="animate-pulse">
<SkeletonItem /> <div className="mb-4 flex items-center">
<SkeletonItem /> <div className="mt-1 h-8 w-8 rounded-full bg-gray-200 ltr:mr-2 rtl:ml-2" />
<SkeletonItem /> <div className="space-y-1">
</ul> <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>
); );
} }