From 496caf18433e88844f3e48aa9e1e2b65e4011f74 Mon Sep 17 00:00:00 2001
From: Mariusz Klochowicz <mariusz@klochowicz.com>
Date: Fri, 15 Oct 2021 15:40:01 +1030
Subject: [PATCH] All tooltips to action icons in CfdTable

It makes it a bit easier to use, especially for newcomers
---
 .../src/components/cfdtables/CfdTable.tsx     | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/cfdtables/CfdTable.tsx b/frontend/src/components/cfdtables/CfdTable.tsx
index 2c2b503..9e53fc3 100644
--- a/frontend/src/components/cfdtables/CfdTable.tsx
+++ b/frontend/src/components/cfdtables/CfdTable.tsx
@@ -22,6 +22,7 @@ import {
     Td,
     Th,
     Thead,
+    Tooltip,
     Tr,
     useToast,
     VStack,
@@ -179,14 +180,16 @@ export function CfdTable(
                 Header: "Action",
                 accessor: ({ actions, order_id }) => {
                     const actionIcons = actions.map((action) => {
-                        return (<IconButton
-                            key={action}
-                            colorScheme={colorSchemaForAction(action)}
-                            aria-label={action}
-                            icon={iconForAction(action)}
-                            onClick={() => postAction(order_id, action)}
-                            isLoading={isActioning}
-                        />);
+                        return (<Tooltip label={action}>
+                            <IconButton
+                                key={action}
+                                colorScheme={colorSchemaForAction(action)}
+                                aria-label={action}
+                                icon={iconForAction(action)}
+                                onClick={() => postAction(order_id, action)}
+                                isLoading={isActioning}
+                            />
+                        </Tooltip>);
                     });
 
                     return <HStack>{actionIcons}</HStack>;