From 5a9baa530b0e8d02420d12486e7bb7cab190a04e Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Tue, 3 May 2022 14:16:54 +0100
Subject: [PATCH] Web Bot: Add "Open chat with bot" button (#1847)

---
 src/components/main/WebAppModal.tsx | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/main/WebAppModal.tsx b/src/components/main/WebAppModal.tsx
index 21ea544c3..6f17fd07e 100644
--- a/src/components/main/WebAppModal.tsx
+++ b/src/components/main/WebAppModal.tsx
@@ -58,7 +58,7 @@ const WebAppModal: FC<OwnProps & StateProps> = ({
   theme,
 }) => {
   const {
-    closeWebApp, sendWebViewData, prolongWebView, toggleBotInAttachMenu, openTelegramLink,
+    closeWebApp, sendWebViewData, prolongWebView, toggleBotInAttachMenu, openTelegramLink, openChat,
   } = getActions();
   const [mainButton, setMainButton] = useState<WebAppButton | undefined>();
   const lang = useLang();
@@ -164,6 +164,13 @@ const WebAppModal: FC<OwnProps & StateProps> = ({
     });
   }, [bot, isInstalled, toggleBotInAttachMenu]);
 
+  const openBotChat = useCallback(() => {
+    openChat({
+      id: bot!.id,
+    });
+    closeWebApp();
+  }, [bot, closeWebApp, openChat]);
+
   const MoreMenuButton: FC<{ onTrigger: () => void; isOpen?: boolean }> = useMemo(() => {
     return ({ onTrigger, isOpen: isMenuOpen }) => (
       <Button
@@ -198,6 +205,9 @@ const WebAppModal: FC<OwnProps & StateProps> = ({
           trigger={MoreMenuButton}
           positionX="right"
         >
+          {chat && bot && chat.id !== bot.id && (
+            <MenuItem icon="bots" onClick={openBotChat}>{lang('BotWebViewOpenBot')}</MenuItem>
+          )}
           <MenuItem icon="reload" onClick={handleRefreshClick}>{lang('WebApp.ReloadPage')}</MenuItem>
           {bot?.isAttachMenuBot && (
             <MenuItem icon={isInstalled ? 'stop' : 'install'} onClick={handleToggleClick} destructive={isInstalled}>
@@ -207,9 +217,7 @@ const WebAppModal: FC<OwnProps & StateProps> = ({
         </DropdownMenu>
       </div>
     );
-  }, [
-    MoreMenuButton, bot, closeWebApp, handleRefreshClick, handleToggleClick, lang, isInstalled,
-  ]);
+  }, [lang, closeWebApp, bot, MoreMenuButton, handleRefreshClick, isInstalled, handleToggleClick, chat, openBotChat]);
 
   const prevMainButtonColor = usePrevious(mainButton?.color, true);
   const prevMainButtonTextColor = usePrevious(mainButton?.textColor, true);