From 64bbb6ee0fef68d44274a023f129566fc89716be Mon Sep 17 00:00:00 2001
From: Vitaly Turovsky <vital2580@icloud.com>
Date: Fri, 5 Jan 2024 02:26:27 +0530
Subject: [PATCH] fix(regression): wasn't possible to open chat on mobile

---
 src/menus/hud.js            | 8 ++++++--
 src/react/ChatContainer.tsx | 7 ++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/menus/hud.js b/src/menus/hud.js
index 438696bba..9aef54ef3 100644
--- a/src/menus/hud.js
+++ b/src/menus/hud.js
@@ -2,7 +2,7 @@ import { f3Keybinds } from '../controls'
 import { showOptionsModal } from '../react/SelectOption'
 
 const { LitElement, html, css, unsafeCSS } = require('lit')
-const { showModal, miscUiState } = require('../globalState')
+const { showModal, miscUiState, activeModalStack, hideCurrentModal } = require('../globalState')
 const { options, watchValue } = require('../optionsStorage')
 const { getGamemodeNumber } = require('../utils')
 const { isMobile } = require('./components/common')
@@ -231,7 +231,11 @@ class Hud extends LitElement {
     }}>F3</div>
         <div class="chat-btn" @pointerdown=${(e) => {
       e.stopPropagation()
-      this.shadowRoot.querySelector('#chat').enableChat()
+      if (activeModalStack.at(-1)?.reactType === 'chat') {
+        hideCurrentModal()
+      } else {
+        showModal({ reactType: 'chat' })
+      }
     }}></div>
         <div class="pause-btn" @pointerdown=${(e) => {
       e.stopPropagation()
diff --git a/src/react/ChatContainer.tsx b/src/react/ChatContainer.tsx
index 4c0a80389..853f22f93 100644
--- a/src/react/ChatContainer.tsx
+++ b/src/react/ChatContainer.tsx
@@ -3,6 +3,7 @@ import { isCypress } from '../standaloneUtils'
 import { MessageFormatPart } from '../botUtils'
 import { MessagePart } from './MessageFormatted'
 import './ChatContainer.css'
+import { useUsingTouch } from '@dimaka/interface'
 
 export type Message = {
   parts: MessageFormatPart[],
@@ -51,6 +52,8 @@ export const fadeMessage = (message: Message, initialTimeout: boolean, requestUp
 }
 
 export default ({ messages, touch, opacity, fetchCompletionItems, opened, interceptMessage, onClose }: Props) => {
+  const usingTouch = useUsingTouch()
+
   const [sendHistory, _setSendHistory] = useState(JSON.parse(window.sessionStorage.chatHistory || '[]'))
 
   const [completePadText, setCompletePadText] = useState('')
@@ -114,7 +117,9 @@ export default ({ messages, touch, opacity, fetchCompletionItems, opened, interc
       chatHistoryPos.current = messages.length
       updateInputValue(initialChatOpenValue.value)
       initialChatOpenValue.value = ''
-      chatInput.current.focus()
+      if (!usingTouch) {
+        chatInput.current.focus()
+      }
     }
     if (!opened) {
       chatMessages.current.scrollTop = chatMessages.current.scrollHeight