22 lines
692 B
TypeScript
22 lines
692 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";
|
|
|
|
export default function UnconfirmedBookingBadge() {
|
|
const { t } = useLocale();
|
|
const { data: unconfirmedBookingCount } = trpc.viewer.bookingUnconfirmedCount.useQuery();
|
|
if (!unconfirmedBookingCount) return null;
|
|
else
|
|
return (
|
|
<Link href="/bookings/unconfirmed">
|
|
<a title={t("unconfirmed_bookings_tooltip")}>
|
|
<Badge rounded variant="orange" className="hover:bg-orange-800 hover:text-orange-100">
|
|
{unconfirmedBookingCount}
|
|
</Badge>
|
|
</a>
|
|
</Link>
|
|
);
|
|
}
|