From 09a36bab6c1c3d4e0974e3df9e015f58f88c9558 Mon Sep 17 00:00:00 2001
From: muerwre <gotham48@gmail.com>
Date: Mon, 25 Feb 2019 17:36:01 +0700
Subject: [PATCH] Cursor: desktoip only

---
 src/components/Cursor.tsx             |  2 +-
 src/components/panels/DistanceBar.tsx | 17 +++++++++++------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/components/Cursor.tsx b/src/components/Cursor.tsx
index bd6d53f..ebc392f 100644
--- a/src/components/Cursor.tsx
+++ b/src/components/Cursor.tsx
@@ -30,7 +30,7 @@ export class Cursor extends React.PureComponent<Props, {}> {
     const activeSticker = (sticker && set && STICKERS[set] && STICKERS[set].layers[sticker]);
 
     return (
-      <div className="cursor-tooltip" ref={el => { this.cursor = el; }}>
+      <div className="cursor-tooltip desktop-only" ref={el => { this.cursor = el; }}>
         { mode === MODES.ROUTER && <Icon icon="icon-router" />}
         { mode === MODES.POLY && <Icon icon="icon-poly" />}
         { mode === MODES.STICKERS && activeSticker && <StickerIcon sticker={sticker} set={set} /> }
diff --git a/src/components/panels/DistanceBar.tsx b/src/components/panels/DistanceBar.tsx
index 61c30de..5ea8699 100644
--- a/src/components/panels/DistanceBar.tsx
+++ b/src/components/panels/DistanceBar.tsx
@@ -8,6 +8,7 @@ import { bindActionCreators } from 'redux';
 import { setSpeed } from '$redux/user/actions';
 import { IRootState } from "$redux/user/reducer";
 import { Tooltip } from "$components/panels/Tooltip";
+import { isMobile } from "$utils/window";
 
 interface Props extends IRootState {
   setSpeed: typeof setSpeed,
@@ -34,7 +35,11 @@ class Component extends React.PureComponent<Props, State> {
     [this.min + (index * this.step)]: String(this.min + (index * this.step)),
   }), { });
 
-  toggleDialog = () => this.setState({ dialogOpened: !this.state.dialogOpened });
+  toggleDialog = () => {
+    if (isMobile()) return;
+
+    this.setState({ dialogOpened: !this.state.dialogOpened });
+  };
 
   render() {
     const {
@@ -46,13 +51,13 @@ class Component extends React.PureComponent<Props, State> {
 
     return (
       <React.Fragment>
-        <div className="status-bar padded desktop-only pointer tooltip-container" onClick={this.toggleDialog}>
+        <div className="status-bar padded pointer tooltip-container" onClick={this.toggleDialog}>
           {distance} км&nbsp;
           <Tooltip position="top">Примерное время</Tooltip>
-          <Icon icon="icon-cycle" size={32} />
-          {
-            <span>{toHours(estimated)}</span>
-          }
+          <span className="desktop-only">
+            <Icon icon="icon-cycle" size={32} />
+          </span>
+          <span className="desktop-only">{toHours(estimated)}</span>
         </div>
         {
           dialogOpened &&