From fa24fa9abb491cbcba6d93d4d7d9dc0b5c6b9ca5 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <thomas.nordquist@viison.com>
Date: Sun, 20 Jan 2019 14:57:10 +0100
Subject: [PATCH] Add tooltip to retain checkbox

---
 app/src/components/Sidebar/Publish/Publish.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/src/components/Sidebar/Publish/Publish.tsx b/app/src/components/Sidebar/Publish/Publish.tsx
index 169d29e..113ef83 100644
--- a/app/src/components/Sidebar/Publish/Publish.tsx
+++ b/app/src/components/Sidebar/Publish/Publish.tsx
@@ -237,13 +237,15 @@ class Publish extends React.Component<Props, State> {
             label="QoS"
             labelPlacement="start"
           />
-          <FormControlLabel
-            value="retain"
-            style={labelStyle}
-            control={<Checkbox color="primary" checked={this.props.retain} onChange={this.props.actions.toggleRetain} />}
-            label="retain"
-            labelPlacement="end"
-          />
+          <Tooltip title="Retained messages only appear to be retained, when client subscribes after the initial publish." placement="top">
+            <FormControlLabel
+              value="retain"
+              style={labelStyle}
+              control={<Checkbox color="primary" checked={this.props.retain} onChange={this.props.actions.toggleRetain} />}
+              label="retain"
+              labelPlacement="end"
+            />
+          </Tooltip>
         </div>
       </div>
     )