From 16dc35d1f8099c6821bb964056c446fe49fbb887 Mon Sep 17 00:00:00 2001
From: Atatakai <densatsu@mail.ru>
Date: Mon, 16 Dec 2024 18:00:17 +0400
Subject: [PATCH] fix: show tooltip when switch agent button is disabled

---
 .../MainPage/sections/SwitchAgentSection.tsx  | 23 +++++++++++--------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/frontend/components/MainPage/sections/SwitchAgentSection.tsx b/frontend/components/MainPage/sections/SwitchAgentSection.tsx
index a7e5fa1d..26a4bd67 100644
--- a/frontend/components/MainPage/sections/SwitchAgentSection.tsx
+++ b/frontend/components/MainPage/sections/SwitchAgentSection.tsx
@@ -1,4 +1,4 @@
-import { Button, Flex, Typography } from 'antd';
+import { Button, Flex, Popover, Typography } from 'antd';
 import Image from 'next/image';
 import { useMemo } from 'react';
 
@@ -53,14 +53,19 @@ export const SwitchAgentSection = () => {
         <Text>{selectedAgentConfig.displayName}</Text>
       </Flex>
 
-      <Button
-        disabled={!isSwitchAgentEnabled}
-        onClick={() => goto(Pages.SwitchAgent)}
-        type="primary"
-        ghost
-      >
-        Switch agent
-      </Button>
+      {isSwitchAgentEnabled ? (
+        <Button onClick={() => goto(Pages.SwitchAgent)} type="primary" ghost>
+          Switch agent
+        </Button>
+      ) : (
+        <Popover
+          placement="bottomRight"
+          content="To switch, stop the agent you're running"
+          showArrow={false}
+        >
+          <Button disabled>Switch agent</Button>
+        </Popover>
+      )}
     </CardSection>
   );
 };