Benny JooandGitHub
3ae53a4b6e
* fix settings/admin/page * remove references to pages for settings/teams * remove double layouts * move pages that do not need layout out of (settings) group * fix * fix * fix * fix * add sso page and fix layouts
40 lines
1.4 KiB
TypeScript
40 lines
1.4 KiB
TypeScript
import SectionBottomActions from "@calcom/features/settings/SectionBottomActions";
|
|
import { Meta, SkeletonButton, SkeletonContainer, SkeletonText } from "@calcom/ui";
|
|
|
|
export const AppearanceSkeletonLoader = ({
|
|
title,
|
|
description,
|
|
isAppDir,
|
|
}: {
|
|
title: string;
|
|
description: string;
|
|
isAppDir?: boolean;
|
|
}) => {
|
|
return (
|
|
<SkeletonContainer>
|
|
{!isAppDir ? <Meta title={title} description={description} borderInShellHeader={false} /> : null}
|
|
<div className="border-subtle mt-6 flex items-center rounded-t-xl border p-6 text-sm">
|
|
<SkeletonText className="h-8 w-1/3" />
|
|
</div>
|
|
<div className="border-subtle space-y-6 border-x px-4 py-6 sm:px-6">
|
|
<div className="flex w-full items-center justify-center gap-6">
|
|
<div className="bg-emphasis h-32 flex-1 animate-pulse rounded-md p-5" />
|
|
<div className="bg-emphasis h-32 flex-1 animate-pulse rounded-md p-5" />
|
|
<div className="bg-emphasis h-32 flex-1 animate-pulse rounded-md p-5" />
|
|
</div>
|
|
<div className="flex justify-between">
|
|
<SkeletonText className="h-8 w-1/3" />
|
|
<SkeletonText className="h-8 w-1/3" />
|
|
</div>
|
|
|
|
<SkeletonText className="h-8 w-full" />
|
|
</div>
|
|
<div className="rounded-b-xl">
|
|
<SectionBottomActions align="end">
|
|
<SkeletonButton className="mr-6 h-8 w-20 rounded-md p-5" />
|
|
</SectionBottomActions>
|
|
</div>
|
|
</SkeletonContainer>
|
|
);
|
|
};
|