From cea8d721defb3454a43cbce143e4305589e7b61c Mon Sep 17 00:00:00 2001
From: trafficlunar <hello@trafficlunar.net>
Date: Tue, 10 Jun 2025 21:53:41 +0100
Subject: [PATCH] feat: redirect banner and new domain

---
 src/app/layout.tsx                 |  2 ++
 src/components/redirect-banner.tsx | 18 ++++++++++++++++++
 2 files changed, 20 insertions(+)
 create mode 100644 src/components/redirect-banner.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index c57de95..2c2ca2c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -8,6 +8,7 @@ import Providers from "./provider";
 import Header from "@/components/header";
 import Footer from "@/components/footer";
 import AdminBanner from "@/components/admin/banner";
+import RedirectBanner from "@/components/redirect-banner";
 
 const lexend = Lexend({
 	subsets: ["latin"],
@@ -54,6 +55,7 @@ export default function RootLayout({
 				<Providers>
 					<Header />
 					<AdminBanner />
+					<RedirectBanner />
 					<main className="px-4 py-8 max-w-7xl w-full flex-grow flex flex-col">{children}</main>
 					<Footer />
 				</Providers>
diff --git a/src/components/redirect-banner.tsx b/src/components/redirect-banner.tsx
new file mode 100644
index 0000000..f7bc552
--- /dev/null
+++ b/src/components/redirect-banner.tsx
@@ -0,0 +1,18 @@
+import { headers } from "next/headers";
+import { Icon } from "@iconify/react";
+
+export default async function RedirectBanner() {
+	const headersList = await headers();
+	const referer = headersList.get("Referer");
+
+	if (referer !== "https://tomodachi-share.trafficlunar.net") return null;
+
+	return (
+		<div className="w-full h-10 bg-orange-300 border-y-2 border-y-orange-400 mt-1 shadow-md flex justify-center items-center gap-2 text-orange-900 text-nowrap overflow-x-auto font-semibold max-sm:justify-start">
+			<Icon icon="humbleicons:link" className="text-2xl min-w-6" />
+			<span>
+				You&apos;ve been redirected — TomodachiShare is now at <strong>tomodachishare.com</strong>!
+			</span>
+		</div>
+	);
+}