Add tooltip to replica list item schedule icon

cloudbase · Mar 26, 2019 · 997aac5 · 997aac5
1 parent 31e3126
commit 997aac5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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
@@ -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>
     )
   }