From 341b8f58a58f3511ef321b2aade84707f6052c1d Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Sat, 28 Mar 2026 20:33:28 +0000
Subject: [PATCH] fix: like buttons not working with cache rules

---
 src/app/layout.tsx                | 14 +++++++-------
 src/app/mii/[id]/page.tsx         |  2 +-
 src/components/like-button.tsx    |  7 ++++---
 src/components/mii/list/index.tsx |  2 +-
 4 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 09fe591..149ff68 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -93,14 +93,14 @@ export default function RootLayout({
 				)}
 
 				<Providers>
-					<Suspense fallback={<div>Loading header...</div>}>
-						<SessionProvider>
+					<SessionProvider>
+						<Suspense fallback={<div>Loading header...</div>}>
 							<Header />
-						</SessionProvider>
-					</Suspense>
-					<AdminBanner />
-					<main className="px-4 py-8 max-w-7xl w-full grow flex flex-col">{children}</main>
-					<Footer />
+						</Suspense>
+						<AdminBanner />
+						<main className="px-4 py-8 max-w-7xl w-full grow flex flex-col">{children}</main>
+						<Footer />
+					</SessionProvider>
 				</Providers>
 			</body>
 		</html>
diff --git a/src/app/mii/[id]/page.tsx b/src/app/mii/[id]/page.tsx
index 8cd89f0..242f793 100644
--- a/src/app/mii/[id]/page.tsx
+++ b/src/app/mii/[id]/page.tsx
@@ -316,7 +316,7 @@ export default async function MiiPage({ params }: Props) {
 								{/* Submission name */}
 								<h1 className="text-4xl font-extrabold wrap-break-word text-amber-700">{mii.name}</h1>
 								{/* Like button */}
-								<LikeButton likes={mii._count.likedBy ?? 0} miiId={mii.id} isLiked={(mii.likedBy ?? []).length > 0} isLoggedIn={session?.user != null} big />
+								<LikeButton likes={mii._count.likedBy ?? 0} miiId={mii.id} isLiked={(mii.likedBy ?? []).length > 0} big />
 							</div>
 							{/* Tags */}
 							<div id="tags" className="flex flex-wrap gap-1 mt-1 *:px-2 *:py-1 *:bg-orange-300 *:rounded-full *:text-xs">
diff --git a/src/components/like-button.tsx b/src/components/like-button.tsx
index 2152553..f264092 100644
--- a/src/components/like-button.tsx
+++ b/src/components/like-button.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import { useSession } from "next-auth/react";
 import { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import { Icon, loadIcons } from "@iconify/react";
@@ -9,13 +10,13 @@ interface Props {
 	likes: number;
 	miiId?: number | undefined;
 	isLiked: boolean;
-	isLoggedIn?: boolean;
 	disabled?: boolean;
 	abbreviate?: boolean;
 	big?: boolean;
 }
 
-export default function LikeButton({ likes, isLiked, miiId, isLoggedIn, disabled, abbreviate, big }: Props) {
+export default function LikeButton({ likes, isLiked, miiId, disabled, abbreviate, big }: Props) {
+	const session = useSession();
 	const router = useRouter();
 
 	const [isLikedState, setIsLikedState] = useState(isLiked);
@@ -24,7 +25,7 @@ export default function LikeButton({ likes, isLiked, miiId, isLoggedIn, disabled
 
 	const onClick = async () => {
 		if (disabled) return;
-		if (!isLoggedIn) {
+		if (!session.data?.user) {
 			router.push("/login");
 			return;
 		}
diff --git a/src/components/mii/list/index.tsx b/src/components/mii/list/index.tsx
index 555d7ec..8c250ab 100644
--- a/src/components/mii/list/index.tsx
+++ b/src/components/mii/list/index.tsx
@@ -224,7 +224,7 @@ export default async function MiiList({ searchParams, userId, inLikesPage }: Pro
 							</div>
 
 							<div className="mt-auto grid grid-cols-2 items-center">
-								<LikeButton likes={mii.likes} miiId={mii.id} isLiked={mii.isLiked} isLoggedIn={session?.user != null} abbreviate />
+								<LikeButton likes={mii.likes} miiId={mii.id} isLiked={mii.isLiked} abbreviate />
 
 								{!userId && (
 									<Link href={`/profile/${mii.user?.id}`} className="text-sm text-right overflow-hidden text-ellipsis">