From 59b586332a3868c90666addcd7a675e32ca6b665 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Fri, 1 Feb 2019 14:01:30 +0300
Subject: Fix matchMedia queries

---
 vnext/src/App.js                     | 4 ++--
 vnext/src/components/MessageInput.js | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'vnext')

diff --git a/vnext/src/App.js b/vnext/src/App.js
index af364fe2..a519eedd 100644
--- a/vnext/src/App.js
+++ b/vnext/src/App.js
@@ -91,8 +91,8 @@ export default class App extends React.Component {
     history.push(location);
   }
   toggleSidebar = () => {
-    const isMobile = window.matchMedia('width < 62.5rem');
-    if (isMobile.matches) {
+    const isDesktop = window.matchMedia('(min-width: 62.5rem)');
+    if (!isDesktop.matches) {
       let width = this.sidebar.current.style.width;
       this.sidebar.current.style.width = width === '248px' ? '0' : '248px';
       let leftMargin = this.state.appMarginLeft === 'inherit' ? '250px' : 'inherit';
diff --git a/vnext/src/components/MessageInput.js b/vnext/src/components/MessageInput.js
index 5766f2ac..5b603e9a 100644
--- a/vnext/src/components/MessageInput.js
+++ b/vnext/src/components/MessageInput.js
@@ -49,8 +49,8 @@ export default class MessageInput extends React.Component {
     }
 
     componentDidMount() {
-        const isMobile = window.matchMedia('only screen and (width <62.5rem)');
-        if (!isMobile.matches) {
+        const isDesktop = window.matchMedia('(min-width: 62.5rem)');
+        if (isDesktop.matches) {
             this.textarea.current.focus();
         }
     }
-- 
cgit v1.2.3