Pasquale VitielloGitHubpasquale@cal.com <pasquale@cal.com>Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>pasquale@cal.com <pasquale@cal.com>Rajiv Sahal* feat: rename --font-cal to --font-heading + use Cal Sans UI * chore: remove font-weight from font-heading elements and CSS variables Co-Authored-By: pasquale@cal.com <pasquale@cal.com> * chore: remove unneeded css vars * fix: cubic issues --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Co-authored-by: pasquale@cal.com <pasquale@cal.com> Co-authored-by: Rajiv Sahal <sahalrajiv-extc@atharvacoe.ac.in>
27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { Button } from "@calcom/ui/components/button";
|
|
import { Icon } from "@calcom/ui/components/icon";
|
|
|
|
export default function AppNotInstalledMessage({ appName }: { appName: string }) {
|
|
const { t } = useLocale();
|
|
|
|
return (
|
|
<div className="flex h-full w-full items-center justify-center">
|
|
<div className="bg-default flex max-w-lg flex-col items-center rounded-xl border px-8 py-14 text-center shadow-md">
|
|
<div className="mb-5 rounded-full bg-gray-100 p-3 dark:bg-[#292929] ">
|
|
<Icon name="circle-alert" className="h-9 w-9 p-0.5" strokeWidth={1.5} />
|
|
</div>
|
|
<h3 className="font-heading mb-2 text-2xl">{t("app_not_installed")}</h3>
|
|
<p className="text-subtle px-1 leading-normal">{t("visit_our_app_store")}</p>
|
|
|
|
<div className="mt-5">
|
|
<Button href={`/apps/${appName}`} type="button" color="secondary">
|
|
{t("go_to_app_store")}
|
|
<Icon name="arrow-up-right" className="ml-1" size={20} />
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|