mirror of
https://github.com/hanzoai/calendar.git
synced 2026-10-30 14:46:43 +00:00
853f9bc436
* Icon and IconName * Button and ButtonGroup * UserAvatar * AvatarGroup * Avatar * WizardLayout * Dialogs * EmptyScreen * showToast and TextField * Editor * Skeleton * Skeleton * TopBanner and showToast * Button again * more * perf: Remove app-store reference from @calcom/ui * more * Fixing types * Icon * Fixed casing * dropdown * more * Select * more * Badge * List * more * Divider * more * fix * fix type check * refactor * fix * fix * fix * fix * fix * fix * fix * fix type check * fix * fix * fix * fix * more * more * more * more * add index file to components/command * fix * fix * fix * fix imports * fix * fix * fix * fix * fix * fix * fix * fix build errors * fix build errors * fix --------- Co-authored-by: Keith Williams <[email protected]>
23 lines
707 B
TypeScript
23 lines
707 B
TypeScript
import Link from "next/link";
|
|
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { trpc } from "@calcom/trpc/react";
|
|
import { Badge } from "@calcom/ui/components/badge";
|
|
|
|
export default function UnconfirmedBookingBadge() {
|
|
const { t } = useLocale();
|
|
const { data: unconfirmedBookingCount } = trpc.viewer.me.bookingUnconfirmedCount.useQuery();
|
|
if (!unconfirmedBookingCount) return null;
|
|
return (
|
|
<Link href="/bookings/unconfirmed">
|
|
<Badge
|
|
rounded
|
|
title={t("unconfirmed_bookings_tooltip")}
|
|
variant="orange"
|
|
className="cursor-pointer hover:bg-orange-800 hover:text-orange-100">
|
|
{unconfirmedBookingCount}
|
|
</Badge>
|
|
</Link>
|
|
);
|
|
}
|