mythic-insight/calcom
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

added Link component to see if it fixes the 404 link bug (#1784)

Browse source
This commit is contained in:
Peer Richelsen 2022-02-10 11:46:35 +00:00 committed by GitHub
parent 66015cba39
commit 5c0983ef6c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
pages/404.tsx
View file

@ -32,6 +32,8 @@ export default function Custom404() {
const isSubpage = router.asPath.includes("/", 2); const isSubpage = router.asPath.includes("/", 2);
const isSignup = router.asPath.includes("/signup"); const isSignup = router.asPath.includes("/signup");
const isCalcom = process.env.NEXT_PUBLIC_BASE_URL === "https://app.cal.com";
const signupLink = "https://cal.com/signup?username=" + username.replace("/", "");
return ( return (
<> <>
@ -175,13 +177,13 @@ export default function Custom404() {
<span className="mt-2 inline-block text-lg "> <span className="mt-2 inline-block text-lg ">
{t("check_spelling_mistakes_or_go_back")} {t("check_spelling_mistakes_or_go_back")}
</span> </span>
) : process.env.NEXT_PUBLIC_BASE_URL === "https://app.cal.com" ? ( ) : isCalcom ? (
<a <Link href={signupLink}>
href={"https://cal.com/signup?username=" + username.replace("/", "")} <a className="mt-2 inline-block text-lg">
className="mt-2 inline-block text-lg "> {t("the_username")} <strong className="text-blue-500">cal.com{username}</strong>{" "}
{t("the_username")} <strong className="text-blue-500">cal.com{username}</strong>{" "} {t("is_still_available")} <span className="text-blue-500">{t("register_now")}</span>.
{t("is_still_available")} <span className="text-blue-500">{t("register_now")}</span>. </a>
</a> </Link>
) : ( ) : (
<> <>
{t("the_username")}{" "} {t("the_username")}{" "}
@ -197,32 +199,34 @@ export default function Custom404() {
<h2 className="text-sm font-semibold uppercase tracking-wide text-gray-500"> <h2 className="text-sm font-semibold uppercase tracking-wide text-gray-500">
{t("popular_pages")} {t("popular_pages")}
</h2> </h2>
{!isSubpage && process.env.NEXT_PUBLIC_BASE_URL === "https://app.cal.com" && ( {!isSubpage && isCalcom && (
<ul role="list" className="mt-4"> <ul role="list" className="mt-4">
<li className="border-2 border-green-500 px-4 py-2"> <li className="border-2 border-green-500 px-4 py-2">
<a <Link href={signupLink}>
href={"https://cal.com/signup?username=" + username.replace("/", "")} <a className="relative flex items-start space-x-4 py-6 rtl:space-x-reverse">
className="relative flex items-start space-x-4 py-6 rtl:space-x-reverse"> <div className="flex-shrink-0">
<div className="flex-shrink-0"> <span className="flex h-12 w-12 items-center justify-center rounded-lg bg-green-50">
<span className="flex h-12 w-12 items-center justify-center rounded-lg bg-green-50"> <CheckIcon className="h-6 w-6 text-green-500" aria-hidden="true" />
<CheckIcon className="h-6 w-6 text-green-500" aria-hidden="true" />
</span>
</div>
<div className="min-w-0 flex-1">
<h3 className="text-base font-medium text-gray-900">
<span className="rounded-sm focus-within:ring-2 focus-within:ring-gray-500 focus-within:ring-offset-2">
<span className="focus:outline-none">
<span className="absolute inset-0" aria-hidden="true" />
{t("register")} <strong className="text-green-500">{username}</strong>
</span>
</span> </span>
</h3> </div>
<p className="text-base text-gray-500">{t("claim_username_and_schedule_events")}</p> <div className="min-w-0 flex-1">
</div> <h3 className="text-base font-medium text-gray-900">
<div className="flex-shrink-0 self-center"> <span className="rounded-sm focus-within:ring-2 focus-within:ring-gray-500 focus-within:ring-offset-2">
<ChevronRightIcon className="h-5 w-5 text-gray-400" aria-hidden="true" /> <span className="focus:outline-none">
</div> <span className="absolute inset-0" aria-hidden="true" />
</a> {t("register")} <strong className="text-green-500">{username}</strong>
</span>
</span>
</h3>
<p className="text-base text-gray-500">
{t("claim_username_and_schedule_events")}
</p>
</div>
<div className="flex-shrink-0 self-center">
<ChevronRightIcon className="h-5 w-5 text-gray-400" aria-hidden="true" />
</div>
</a>
</Link>
</li> </li>
</ul> </ul>
)} )}