refactor(chat): show images in page overlay

2026-07-09 10:11:25 +08:00
parent cb7791dd8d
commit fc92c3a5d5
23 changed files with 253 additions and 627 deletions
@@ -1,7 +1,31 @@
 "use client";

+import { Suspense } from "react";
+
+import { MobileShell } from "@/app/_components/core";
 import { ChatScreen } from "@/app/chat/chat-screen";

 export default function ChatPage() {
-  return <ChatScreen />;
+  return (
+    <Suspense fallback={<ChatFallback />}>
+      <ChatScreen />
+    </Suspense>
+  );
+}
+
+function ChatFallback() {
+  return (
+    <MobileShell background="#111111">
+      <div
+        style={{
+          minHeight: "60vh",
+          display: "grid",
+          placeItems: "center",
+          color: "rgba(255, 255, 255, 0.72)",
+        }}
+      >
+        Loading chat...
+      </div>
+    </MobileShell>
+  );
 }