From 0cd76af33e39fa4b727fc187d19a654f50bfe20b Mon Sep 17 00:00:00 2001
From: denis0001-dev <denis0001.dev@ya.ru>
Date: Fri, 5 Sep 2025 20:23:19 +0300
Subject: [PATCH] Fix context menu positioning

---
 .../src/ui/components/chat/RightPanel.tsx     | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/src/ui/components/chat/RightPanel.tsx b/frontend/src/ui/components/chat/RightPanel.tsx
index bce6ee7..f6891d9 100644
--- a/frontend/src/ui/components/chat/RightPanel.tsx
+++ b/frontend/src/ui/components/chat/RightPanel.tsx
@@ -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 />