fix: disable prefetch for logout route

HackAtUCI · Dec 16, 2023 · e4f47c5 · e4f47c5
1 parent 5c5ae29
commit e4f47c5
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/apps/site/src/lib/components/Button/Button.tsx b/apps/site/src/lib/components/Button/Button.tsx
@@ -2,26 +2,30 @@ import type { ComponentProps } from "react";
 import Link from "next/link";
 import styles from "./Button.module.css";
 import clsx from "clsx";
+import { disableInstantTransitions } from "framer-motion";
 
 interface ButtonProps {
 	text: string;
 	className?: string;
 	href?: ComponentProps<typeof Link>["href"];
 	isLightVersion?: boolean;
+	usePrefetch?: boolean;
 }
 
 const Button: React.FC<ButtonProps> = ({
 	text,
 	href,
 	className,
 	isLightVersion,
+	usePrefetch
 }) => {
 	if (href) {
 		return (
 			<Link
 				href={href}
 				target={isLightVersion ? "" : "_blank"}
 				rel="noopener noreferrer"
+				prefetch={usePrefetch}
 				className={clsx(
 					styles.button,
 					isLightVersion && styles.lightButton,

diff --git a/apps/site/src/lib/components/Navbar/Navbar.tsx b/apps/site/src/lib/components/Navbar/Navbar.tsx
@@ -81,6 +81,7 @@ function Navbar({ identity }: NavbarProps) {
 						<Button
 							text="Logout"
 							href="/api/user/logout"
+							usePrefetch={false}
 							isLightVersion
 						/>
 					)}