From def387d8117b73455a92ba2563f0ad4395c08463 Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Mon, 5 May 2025 15:06:14 +0100
Subject: [PATCH] fix: disable /random route cache

---
 src/app/random/route.ts        |  2 +-
 src/components/header.tsx      |  8 +++-----
 src/components/random-link.tsx | 13 +++++++++++++
 3 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 src/components/random-link.tsx

diff --git a/src/app/random/route.ts b/src/app/random/route.ts
index 5aaf311..79c8a9b 100644
--- a/src/app/random/route.ts
+++ b/src/app/random/route.ts
@@ -5,7 +5,7 @@ import { prisma } from "@/lib/prisma";
 import { RateLimit } from "@/lib/rate-limit";
 
 export async function GET(request: NextRequest) {
-	const rateLimit = new RateLimit(request, 16);
+	const rateLimit = new RateLimit(request, 20);
 	const check = await rateLimit.handle();
 	if (check) return check;
 
diff --git a/src/components/header.tsx b/src/components/header.tsx
index 6ff4582..dea3349 100644
--- a/src/components/header.tsx
+++ b/src/components/header.tsx
@@ -1,10 +1,10 @@
 import Image from "next/image";
 import Link from "next/link";
-import { Icon } from "@iconify/react";
 
 import { auth } from "@/lib/auth";
 
 import SearchBar from "./search-bar";
+import RandomLink from "./random-link";
 import ProfileOverview from "./profile-overview";
 import LogoutButton from "./logout-button";
 
@@ -14,7 +14,7 @@ export default async function Header() {
 	return (
 		<header className="sticky top-0 z-50 w-full p-4 grid grid-cols-3 gap-2 gap-x-4 items-center bg-amber-50 border-b-4 border-amber-500 shadow-md max-lg:grid-cols-2 max-md:grid-cols-1">
 			<Link href={"/"} className="font-black text-3xl text-orange-400 flex items-center gap-2 max-md:justify-center max-md:col-span-2">
-				<Image src="/logo.svg" width={56} height={56} alt="logo" />
+				<Image src="/logo.svg" width={56} height={45} alt="logo" />
 				TomodachiShare
 			</Link>
 
@@ -24,9 +24,7 @@ export default async function Header() {
 
 			<ul className="flex justify-end gap-3 items-center h-11 *:h-full max-lg:col-span-2 max-md:justify-center">
 				<li title="Random Mii">
-					<Link href={"/random"} className="pill button !p-0 h-full aspect-square" data-tooltip="Go to a Random Mii">
-						<Icon icon="mdi:dice-3" fontSize={28} />
-					</Link>
+					<RandomLink />
 				</li>
 				<li>
 					<Link href={"/submit"} className="pill button h-full">
diff --git a/src/components/random-link.tsx b/src/components/random-link.tsx
new file mode 100644
index 0000000..2e5923e
--- /dev/null
+++ b/src/components/random-link.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+import Link from "next/link";
+import { redirect } from "next/navigation";
+import { Icon } from "@iconify/react";
+
+export default function RandomLink() {
+	return (
+		<Link href={"/random"} onClick={() => redirect("/random")} className="pill button !p-0 h-full aspect-square" data-tooltip="Go to a Random Mii">
+			<Icon icon="mdi:dice-3" fontSize={28} />
+		</Link>
+	);
+}