UserMenu: migrate to Layout.isForMobile()

bocoup · Jul 27, 2020 · f3abcb6 · f3abcb6
1 parent e8cf6ed
commit f3abcb6
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/client/components/User/UserMenu.jsx b/client/components/User/UserMenu.jsx
@@ -7,7 +7,7 @@ import ConfirmableLogout from '@components/Login/ConfirmableLogout';
 import Username from '@components/User/Username';
 import UserSettings from '@components/User/UserSettings';
 
-const MOBILE_WIDTH = 767;
+import Layout from '@utils/Layout';
 
 class UserMenu extends Component {
   constructor(props) {
@@ -32,14 +32,13 @@ class UserMenu extends Component {
     const { onSettingsClick, onLogoutClick } = this;
     const { openSettings, openLogout } = this.state;
     const { user } = this.props;
-    const IS_ON_MOBILE = window.innerWidth <= MOBILE_WIDTH;
 
     const dropdownProps = {
       simple: true,
       item: true
     };
 
-    if (IS_ON_MOBILE) {
+    if (Layout.isForMobile()) {
       dropdownProps.icon = 'user';
     } else {
       dropdownProps.trigger = <Username {...user} />;