add icon to button in executed worklow detail (#282)

FRINXio · Nov 12, 2021 · d3c1203 · d3c1203
1 parent a2fd941
commit d3c1203
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/packages/frinx-workflow-ui/src/pages/executed-workflow-detail/task-table.tsx b/packages/frinx-workflow-ui/src/pages/executed-workflow-detail/task-table.tsx
@@ -1,6 +1,7 @@
 import React, { FC } from 'react';
-import { Button, Table, Tbody, Td, Text, Th, Thead, Tooltip, Tr } from '@chakra-ui/react';
+import { Button, Icon, IconButton, Table, Tbody, Td, Text, Th, Thead, Tooltip, Tr } from '@chakra-ui/react';
 import { Task } from '../../types/task';
+import { ArrowForwardIcon } from '@chakra-ui/icons';
 
 type Props = {
   tasks: Task[];
@@ -40,14 +41,13 @@ const TaskTable: FC<Props> = ({ tasks, onTaskClick, onWorkflowClick, formatDate
             </Td>
             <Td textAlign="center">
               {task.taskType === 'SUB_WORKFLOW' ? (
-                <Button
+                <IconButton
                   colorScheme="blue"
-                  onClick={() => {
-                    onWorkflowClick(task.subWorkflowId);
-                  }}
-                >
-                  <i className="fas fa-arrow-circle-right" />
-                </Button>
+                  size="sm"
+                  aria-label="show-subworkflow"
+                  onClick={() => onWorkflowClick(task.subWorkflowId)}
+                  icon={<Icon size={12} as={ArrowForwardIcon} />}
+                />
               ) : null}
             </Td>
             <Td