From 7e38d2347510fae15ed34a6cb960797e8984e319 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Mon, 8 Apr 2019 09:00:56 +0200
Subject: [PATCH] Fix ui-glitch in pause tooltip

---
 app/src/components/Layout/PauseButton.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/src/components/Layout/PauseButton.tsx b/app/src/components/Layout/PauseButton.tsx
index 21de893..b1e0647 100644
--- a/app/src/components/Layout/PauseButton.tsx
+++ b/app/src/components/Layout/PauseButton.tsx
@@ -59,13 +59,16 @@ class PauseButton extends React.Component<Props, {changes: number}> {
   }
 
   public render() {
-    const { actions, classes } = this.props
-
+    const message = this.props.paused ? 'Resumes updating the tree, after applying all recorded changes' : 'Stops all updates, records changes until the buffer is full.'
     return (
       <div style={{ display: 'inline-flex' }}>
         <span>
           <CustomIconButton onClick={this.props.actions.tree.togglePause} >
-            {this.props.paused ? this.renderResume() : this.renderPause()}
+            <Tooltip title={message}>
+              <div /* Required so tooltip does not loose the anchor when the icon changes */>
+                {this.props.paused ? <Resume /> : <Pause />}
+              </div>
+            </Tooltip>
           </CustomIconButton>
         </span>
         {this.props.paused ? this.renderBufferStats() : null}