diff --git a/src/app/layout.tsx b/src/app/layout.tsx index b6ceb94..6dc48f6 100644 --- 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(false); + const [isMobile, setIsMobile] = useState(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 ( +
+

+ Welcome to Mobile.s! +

+
    +
  1. + Get started by editing{" "} + + src/app/page.tsx + + . +
    2. +
  2. + Save and see your changes instantly. +
    3. +
+ +
+ + Vercel logomark + Deploy now + + + Read our docs + +
+
+ + ); +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 9826dc6..20ce27e 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,37 +1,14 @@ "use client"; import Image from "next/image"; -import { useEffect, useState } from "react"; -import * as rdd from "react-device-detect"; export default function Home() { - const [browser, setBrowser] = useState(null); - - useEffect(() => { - setBrowser(rdd.isSafari ? "safari" : rdd.browserName); - }, []); return (
- {browser === "safari" ? ( -
-

- Welcome, Safari User! -

-

- This is a custom experience just for Safari. -

-
- ) : ( -
-

- Welcome, {browser} User! -

-

- Enjoy the default experience. -

-
- )} +

+ Welcome to Next.s! +

  1. Get started by editing{" "}