sean-brydonandGitHub
bdf3e34ea1
* UI work - WIP scrollable area * Add translations - refactor some components * Add installed text * Disable if there is no currently installed * Extract loader * Fix conditional * Fix E2E * fix typo
18 lines
652 B
TypeScript
18 lines
652 B
TypeScript
import { SkeletonAvatar, SkeletonText, SkeletonButton } from "@calcom/ui";
|
|
|
|
export function StepConnectionLoader() {
|
|
return (
|
|
<ul className="bg-default divide-subtle border-subtle divide-y rounded-md border p-0 dark:bg-black">
|
|
{Array.from({ length: 4 }).map((_item, index) => {
|
|
return (
|
|
<li className="flex w-full flex-row justify-center border-b-0 py-6" key={index}>
|
|
<SkeletonAvatar className="mx-6 h-8 w-8 px-4" />
|
|
<SkeletonText className="ml-1 mr-4 mt-3 h-5 w-full" />
|
|
<SkeletonButton className="mr-6 h-8 w-20 rounded-md p-5" />
|
|
</li>
|
|
);
|
|
})}
|
|
</ul>
|
|
);
|
|
}
|