Fix context menu positioning

2026-09-22 19:15:08 +03:00 · 2025-09-05 20:23:19 +03:00
parent 98b5e34438
commit 0cd76af33e
1 changed files with 18 additions and 1 deletions
@@ -1,13 +1,30 @@
+import { useEffect, useState } from "react";
 import { useChat } from "../../hooks/useChat";
 import { ChatInputWrapper } from "./ChatInputWrapper";
 import { ChatMainHeader } from "./ChatMainHeader";
 import { ChatMessages } from "./ChatMessages";
+import { delay } from "../../../utils/utils";

 export function RightPanel() {
    const { isChatSwitching } = useChat();
+    const [switchIn, setSwitchIn] = useState(false);
+    const [switchOut, setSwitchOut] = useState(false);
+
+    useEffect(() => {
+        (async () => {
+            if (isChatSwitching) {
+                setSwitchOut(true);
+            } else {
+                setSwitchIn(true);
+                await delay(200);
+                setSwitchIn(false);
+                setSwitchOut(false);
+            }
+        })();
+    }, [isChatSwitching])

    return (
-        <div className={`chat-container ${!isChatSwitching && "chat-switch-in"} chat-switch-out`}>
+        <div className={`chat-container ${switchIn ? "chat-switch-in" : ""} ${switchOut ? "chat-switch-out" : ""}`}>
            <div className="chat-main" id="chat-inner">
                <ChatMainHeader />
                <ChatMessages />