cal.pub0.org/components/DonateBanner.tsx

43 lines
1.6 KiB
TypeScript
Raw Normal View History

2021-05-13 13:07:27 +00:00
import { GiftIcon } from "@heroicons/react/outline";
2021-05-13 13:07:27 +00:00
export default function DonateBanner() {
if (location.hostname.endsWith(".cal.com")) {
2021-07-20 18:18:26 +00:00
return null;
}
2021-05-13 13:07:27 +00:00
return (
<>
<div className="h-12" />
<div className="fixed inset-x-0 bottom-0">
<div className="bg-blue-600">
<div className="max-w-7xl mx-auto py-3 px-3 sm:px-6 lg:px-8">
<div className="flex items-center justify-between flex-wrap">
<div className="w-0 flex-1 flex items-center">
<span className="flex p-2 rounded-lg bg-blue-600">
<GiftIcon className="h-6 w-6 text-white" aria-hidden="true" />
</span>
<p className="ml-3 font-medium text-white truncate">
2021-07-20 18:18:26 +00:00
<span className="md:hidden">Support the ongoing development</span>
2021-05-13 13:07:27 +00:00
<span className="hidden md:inline">
2021-07-20 18:18:26 +00:00
You&apos;re using the free self-hosted version. Support the ongoing development by making
a donation.
2021-05-13 13:07:27 +00:00
</span>
</p>
</div>
<div className="order-3 mt-2 flex-shrink-0 w-full sm:order-2 sm:mt-0 sm:w-auto">
<a
target="_blank"
2021-07-20 18:18:26 +00:00
rel="noreferrer"
href="https://cal.com/donate"
2021-07-20 18:18:26 +00:00
className="flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-blue-600 bg-white hover:bg-blue-50">
2021-05-13 13:07:27 +00:00
Donate
</a>
</div>
</div>
</div>
</div>
</div>
</>
);
}