Benny JooandGitHub
5972a6f77f
* perf: fetch data server-side for create webhooks page * refactor * refactor * refactor * improve skeleton styling * fix styling
25 lines
828 B
TypeScript
25 lines
828 B
TypeScript
"use client";
|
|
|
|
import SettingsHeader from "@calcom/features/settings/appDir/SettingsHeader";
|
|
import { APP_NAME } from "@calcom/lib/constants";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { SkeletonText, SkeletonContainer } from "@calcom/ui/components/skeleton";
|
|
|
|
export const SkeletonLoader = () => {
|
|
const { t } = useLocale();
|
|
return (
|
|
<SettingsHeader
|
|
title={t("webhooks")}
|
|
description={t("add_webhook_description", { appName: APP_NAME })}
|
|
borderInShellHeader={false}
|
|
CTA={null}>
|
|
<SkeletonContainer>
|
|
<div className="divide-subtle border-subtle mt-6 space-y-6 rounded-lg border px-6 py-4">
|
|
<SkeletonText className="h-8 w-full" />
|
|
<SkeletonText className="h-8 w-full" />
|
|
</div>
|
|
</SkeletonContainer>
|
|
</SettingsHeader>
|
|
);
|
|
};
|