Merge pull request #337 from pshenmic/feat/withdrawals-list-item

Add tooltip to withdrawals status
pshenmic · Dec 9, 2024 · ededb3c · ededb3c
2 parents e9b04c8 + 46026bb
commit ededb3c
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/packages/frontend/src/components/transfers/withdrawals/StatusIcon.js b/packages/frontend/src/components/transfers/withdrawals/StatusIcon.js
@@ -1,20 +1,28 @@
 import { SuccessIcon, ErrorIcon, QueuedIcon, PooledIcon, BroadcastedIcon } from '../../ui/icons'
+import { Tooltip } from '../../ui/Tooltips'
 
 function StatusIcon ({ status, ...props }) {
   const StatusIcons = {
-    0: <QueuedIcon {...props}/>,
-    1: <PooledIcon {...props}/>,
-    2: <BroadcastedIcon {...props}/>,
-    3: <SuccessIcon {...props}/>,
-    4: <ErrorIcon {...props}/>,
     QUEUED: <QueuedIcon {...props}/>,
     POOLED: <PooledIcon {...props}/>,
     BROADCASTED: <BroadcastedIcon {...props}/>,
     COMPLETE: <SuccessIcon {...props}/>,
     EXPIRED: <ErrorIcon {...props}/>
   }
 
-  return StatusIcons[status] || <></>
+  const tooltipTitle = {
+    QUEUED: 'Queued',
+    POOLED: 'Pooled',
+    BROADCASTED: 'Broadcasted',
+    COMPLETE: 'Complete',
+    EXPIRED: 'Expired'
+  }
+
+  return StatusIcons[status]
+    ? <Tooltip title={tooltipTitle[status]} placement={'top'}>
+        <span>{StatusIcons[status]}</span>
+      </Tooltip>
+    : null
 }
 
 export default StatusIcon