26 lines
753 B
TypeScript
26 lines
753 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">
|
|
<>
|
|
<Badge
|
|
rounded
|
|
title={t("unconfirmed_bookings_tooltip")}
|
|
variant="orange"
|
|
className="cursor-pointer hover:bg-orange-800 hover:text-orange-100">
|
|
{unconfirmedBookingCount}
|
|
</Badge>
|
|
</>
|
|
</Link>
|
|
);
|
|
}
|