From 997aac542d915451c4380c38850dfe8a5d40cd56 Mon Sep 17 00:00:00 2001
From: Sergiu Miclea <smiclea@cloudbasesolutions.com>
Date: Tue, 26 Mar 2019 15:03:55 +0200
Subject: [PATCH] Add tooltip to replica list item schedule icon

---
 src/components/molecules/MainListItem/MainListItem.jsx | 6 +++++-
 src/components/organisms/MainList/MainList.jsx         | 3 +++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/molecules/MainListItem/MainListItem.jsx b/src/components/molecules/MainListItem/MainListItem.jsx
index 3d349844..b4116d5a 100644
--- a/src/components/molecules/MainListItem/MainListItem.jsx
+++ b/src/components/molecules/MainListItem/MainListItem.jsx
@@ -221,7 +221,11 @@ class MainListItem extends React.Component<Props> {
                 style={{ marginRight: '8px' }}
                 data-test-id={`mainListItem-statusPill-${status}`}
               /> : null}
-              {this.props.showScheduleIcon ? <ScheduleImage /> : null}
+              {this.props.showScheduleIcon ? (
+                <ScheduleImage
+                  data-tip="The Replica has scheduling enabled and will execute automatically"
+                />
+              ) : null}
             </StatusWrapper>
           </Title>
           {endpointImages}
diff --git a/src/components/organisms/MainList/MainList.jsx b/src/components/organisms/MainList/MainList.jsx
index e11b86db..86f187b6 100644
--- a/src/components/organisms/MainList/MainList.jsx
+++ b/src/components/organisms/MainList/MainList.jsx
@@ -20,6 +20,7 @@ import styled from 'styled-components'
 
 import StatusImage from '../../atoms/StatusImage'
 import Button from '../../atoms/Button'
+import Tooltip from '../../atoms/Tooltip'
 
 import type { MainItem } from '../../../types/MainItem'
 import Palette from '../../styleUtils/Palette'
@@ -184,6 +185,8 @@ class MainList extends React.Component<Props> {
       <Wrapper>
         {this.props.loading || this.props.items.length === 0 || this.props.showEmptyList ? <Separator /> : null}
         {renderContent()}
+        <Tooltip />
+        {setTimeout(() => { Tooltip.rebuild() }, 500)}
       </Wrapper>
     )
   }