From fe5136634f25da25e9a5547a7bb121d9c8382456 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Wed, 9 Feb 2022 00:06:15 +0100
Subject: [PATCH] New Chat: Fix unresponsive button on Android

---
 src/components/left/NewChatButton.scss | 23 --------------------
 src/components/left/NewChatButton.tsx  | 29 ++------------------------
 2 files changed, 2 insertions(+), 50 deletions(-)

diff --git a/src/components/left/NewChatButton.scss b/src/components/left/NewChatButton.scss
index ce44c37c8..5a035f87c 100644
--- a/src/components/left/NewChatButton.scss
+++ b/src/components/left/NewChatButton.scss
@@ -27,29 +27,6 @@
     }
   }
 
-  &.menu-is-open {
-    &::before {
-      content: '';
-      display: block;
-      position: absolute;
-      top: -13rem;
-      left: -11rem;
-      right: -1rem;
-      bottom: -1rem;
-      z-index: -1;
-    }
-  }
-
-  .is-touch-env & {
-    .Menu > .backdrop {
-      position: absolute;
-      left: -100vw;
-      right: -100vw;
-      top: -100vh;
-      bottom: -100vh;
-    }
-  }
-
   > .Button {
     .icon-new-chat-filled,
     .icon-close {
diff --git a/src/components/left/NewChatButton.tsx b/src/components/left/NewChatButton.tsx
index ddb8b600d..3c3033a9e 100644
--- a/src/components/left/NewChatButton.tsx
+++ b/src/components/left/NewChatButton.tsx
@@ -1,5 +1,5 @@
 import React, {
-  FC, useCallback, useState, useEffect, memo,
+  FC, useState, useEffect, memo,
 } from '../../lib/teact/teact';
 
 import buildClassName from '../../util/buildClassName';
@@ -11,9 +11,6 @@ import MenuItem from '../ui/MenuItem';
 
 import './NewChatButton.scss';
 
-const MENU_CLOSE_DELAY_MS = 750;
-let closeTimeout: number | undefined;
-
 type OwnProps = {
   isShown: boolean;
   onNewPrivateChat: () => void;
@@ -51,30 +48,8 @@ const NewChatButton: FC<OwnProps> = ({
     setIsMenuOpen(false);
   };
 
-  const handleMouseEnter = useCallback(() => {
-    if (closeTimeout) {
-      clearTimeout(closeTimeout);
-      closeTimeout = undefined;
-    }
-  }, []);
-
-  const handleMouseLeave = useCallback(() => {
-    if (closeTimeout) {
-      clearTimeout(closeTimeout);
-      closeTimeout = undefined;
-    }
-
-    closeTimeout = window.setTimeout(() => {
-      setIsMenuOpen(false);
-    }, MENU_CLOSE_DELAY_MS);
-  }, []);
-
   return (
-    <div
-      className={fabClassName}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-    >
+    <div className={fabClassName}>
       <Button
         round
         color="primary"