Implement chat switching animation

2026-09-25 04:25:05 +03:00 · 2025-09-05 20:07:16 +03:00
parent 19f92115bb
commit 98b5e34438
5 changed files with 41 additions and 29 deletions
@@ -1,9 +1,18 @@
-import { ChatMain } from "./ChatMain";
+import { useChat } from "../../hooks/useChat";
+import { ChatInputWrapper } from "./ChatInputWrapper";
+import { ChatMainHeader } from "./ChatMainHeader";
+import { ChatMessages } from "./ChatMessages";

 export function RightPanel() {
+    const { isChatSwitching } = useChat();
+
    return (
-        <div className="chat-container">
-            <ChatMain />
+        <div className={`chat-container ${!isChatSwitching && "chat-switch-in"} chat-switch-out`}>
+            <div className="chat-main" id="chat-inner">
+                <ChatMainHeader />
+                <ChatMessages />
+                <ChatInputWrapper />
+            </div>
        </div>
    );
 }