91f381bce9
* migrate from react-icons to lucide-react * replace react-icon with lucide-dev: Webhook Icon * add lucide transformer * Fix LinkIcon import * Update yarn.lock to include monorepo deps * Migrated icons in ChargeCardDialog * Port Storybook to new icons as well * Adjust Info & Globe icons size to match react-icons size --------- Co-authored-by: Alex van Andel <me@alexvanandel.com>
32 lines
1019 B
TypeScript
32 lines
1019 B
TypeScript
import { useRouter } from "next/router";
|
|
|
|
import { WEBAPP_URL } from "@calcom/lib/constants";
|
|
import { useLocale } from "@calcom/lib/hooks/useLocale";
|
|
import { Button } from "@calcom/ui";
|
|
import { Users } from "@calcom/ui/components/icon";
|
|
|
|
export default function UpgradeRecordingBanner() {
|
|
const { t } = useLocale();
|
|
const router = useRouter();
|
|
|
|
return (
|
|
<div className="bg-subtle flex items-start gap-2 rounded-md p-4">
|
|
<Users className="dark:bg-gray-90 inline-block h-5 w-5" />
|
|
<div className="flex flex-col gap-4">
|
|
<div className="flex flex-col gap-2">
|
|
<h2 className="text-sm font-semibold">{t("upgrade_to_access_recordings_title")}</h2>
|
|
<p className="text-sm font-normal">{t("upgrade_to_access_recordings_description")}</p>
|
|
</div>
|
|
<div>
|
|
<Button
|
|
onClick={() => {
|
|
router.push(`${WEBAPP_URL}/teams`);
|
|
}}>
|
|
{t("upgrade_now")}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|