Merge #343

343: All tooltips to action icons in CfdTable r=klochowicz a=klochowicz

It makes it a bit easier to use, especially for newcomers

Co-authored-by: Mariusz Klochowicz <mariusz@klochowicz.com>

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
+                        return (<Tooltip label={action}>
-                            key={action}
+                            <IconButton
-                            colorScheme={colorSchemaForAction(action)}
+                                key={action}
-                            aria-label={action}
+                                colorScheme={colorSchemaForAction(action)}
-                            icon={iconForAction(action)}
+                                aria-label={action}
-                            onClick={() => postAction(order_id, action)}
+                                icon={iconForAction(action)}
-                            isLoading={isActioning}
+                                onClick={() => postAction(order_id, action)}
-                        />);
+                                isLoading={isActioning}
+                            />
+                        </Tooltip>);
                     });
 
                     return <HStack>{actionIcons}</HStack>;