Mobile Vs Web

2025-04-12 13:23:38 -04:00
parent ef934d2b36
commit 94c2d58a73
4 changed files with 87 additions and 32 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,7 +1,12 @@
-import type { Metadata } from "next";
+"use client";
+
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";

+import { useEffect, useState } from "react";
+import * as rdd from "react-device-detect";
+import { useRouter } from "next/navigation";
+
 const geistSans = Geist({
 	variable: "--font-geist-sans",
 	subsets: ["latin"],
@@ -12,16 +17,30 @@ const geistMono = Geist_Mono({
 	subsets: ["latin"],
 });

-export const metadata: Metadata = {
-	title: "Create Next App",
-	description: "Generated by create next app",
-};
-
 export default function RootLayout({
 	children,
 }: Readonly<{
 	children: React.ReactNode;
 }>) {
+	const router = useRouter();
+
+	const [isSafari, setIsSafari] = useState<boolean>(false);
+	const [isMobile, setIsMobile] = useState<boolean>(false);
+
+	useEffect(() => {
+		setIsSafari(rdd.isSafari);
+		setIsMobile(rdd.isMobile);
+
+		console.log("isMobile", isMobile);
+		console.log("isSafari", isSafari);
+	}, []);
+
+    useEffect(() => {
+        if (isMobile && isSafari) {
+            router.push("/mobile");
+        }
+    }, [isMobile, isSafari, router]);
+
 	return (
 		<html data-theme="rose" lang="en">
 			<body