refactor: relocate components to app directory structure

2026-06-09 14:43:10 +08:00
parent f060301c24
commit cda55c8f9b
61 changed files with 19 additions and 27 deletions
@@ -0,0 +1,62 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useEffect, useRef } from "react";
+
+import { useAuthState } from "@/contexts/auth/auth-context";
+import { useChatDispatch } from "@/contexts/chat/chat-context";
+import { useUserDispatch } from "@/contexts/user/user-context";
+import { useAuthGate } from "@/lib/auth/use-auth-gate";
+import { ROUTES } from "@/lib/routes";
+import { MobileShell } from "@/app/_components/core/mobile-shell";
+
+import { SplashBackground } from "./splash-background";
+import { SplashLogo } from "./splash-logo";
+import { SplashContent } from "./splash-content";
+import { SplashButton } from "./splash-button";
+import styles from "./splash-screen.module.css";
+
+export function SplashScreen() {
+  const router = useRouter();
+  const { isAuthed } = useAuthGate();
+  const state = useAuthState();
+  const wasSuccess = useRef(false);
+  const chatDispatch = useChatDispatch();
+  const userDispatch = useUserDispatch();
+
+  useEffect(() => {
+    if (isAuthed) router.replace(ROUTES.chat);
+  }, [isAuthed, router]);
+
+  // 登录成功跳 /chat
+  useEffect(() => {
+    if (state.isSuccess && !wasSuccess.current) {
+      wasSuccess.current = true;
+      chatDispatch({ type: "ChatAuthStatusChanged" });
+      userDispatch({ type: "UserInit" });
+      router.replace(ROUTES.chat);
+    }
+  }, [state.isSuccess, chatDispatch, userDispatch, router]);
+
+  return (
+    <MobileShell background="var(--color-sidebar-background)">
+      <div className={styles.wrapper}>
+        <SplashBackground />
+        <div className={styles.gradientOverlay} aria-hidden="true" />
+        <div className={styles.content}>
+          <SplashLogo />
+          <div className={styles.spacer} />
+          <SplashContent />
+          <div className={styles.buttonArea}>
+            <SplashButton onSkip={() => router.push(ROUTES.chat)} />
+          </div>
+          <p className={styles.bottom}>
+            Elio Silvestri, Your exclusive AI boyfriend
+            <br />
+            24/7 online | Chat | Companion | Heal | Sweet moments
+          </p>
+        </div>
+      </div>
+    </MobileShell>
+  );
+}