Add a tooltip. (keybase#23785)

turlodales · Apr 15, 2020 · 90125f0 · 90125f0
1 parent 79ea592
commit 90125f0
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/shared/chat/inbox/row/small-team/bottom-line.tsx b/shared/chat/inbox/row/small-team/bottom-line.tsx
@@ -20,15 +20,16 @@ type Props = {
   draft?: string
 }
 
-const SnippetDecoration = (type: Kb.IconType, color: string) => {
-  return (
+const SnippetDecoration = (type: Kb.IconType, color: string, tooltip?: string) => {
+  const icon = (
     <Kb.Icon
       color={color}
       type={type}
       fontSize={Styles.isMobile ? 16 : 12}
       style={{alignSelf: 'flex-start'}}
     />
   )
+  return tooltip ? <Kb.WithTooltip tooltip={tooltip}>{icon}</Kb.WithTooltip> : icon
 }
 
 const BottomLine = React.memo((props: Props) => {
@@ -90,12 +91,13 @@ const BottomLine = React.memo((props: Props) => {
 
     switch (props.snippetDecoration) {
       case RPCChatTypes.SnippetDecoration.pendingMessage:
-        snippetDecoration = SnippetDecoration('iconfont-hourglass', defaultIconColor)
+        snippetDecoration = SnippetDecoration('iconfont-hourglass', defaultIconColor, 'Sending…')
         break
       case RPCChatTypes.SnippetDecoration.failedPendingMessage:
         snippetDecoration = SnippetDecoration(
           'iconfont-exclamation',
-          props.isSelected ? Styles.globalColors.white : Styles.globalColors.red
+          props.isSelected ? Styles.globalColors.white : Styles.globalColors.red,
+          'Failed to send'
         )
         break
       case RPCChatTypes.SnippetDecoration.explodingMessage: