From 6ee4d2724ecc6e34e0beb7ed258ab7cc28fbd720 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nuno=20G=C3=B3is?= <github@nunogois.com>
Date: Fri, 26 Jan 2024 09:52:19 +0000
Subject: [PATCH] fix: actions table UI improvements (#6042)

Includes some small fixes and improvements to the actions table UI:
 - Fix webhook icon not properly loading
 - Make actions execution param names bold in the tooltip
 - Make filters param names bold in the tooltip
---
 .../ProjectActionsTable/ProjectActionsActionsCell.tsx          | 3 ++-
 .../ProjectActionsTable/ProjectActionsFiltersCell.tsx          | 2 +-
 .../ProjectActionsTable/ProjectActionsTriggerCell.tsx          | 3 ++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell.tsx
index b10bbce103..4a3b1b3bca 100644
--- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell.tsx
+++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell.tsx
@@ -45,7 +45,8 @@ export const ProjectActionsActionsCell = ({
                                     {Object.entries(executionParams).map(
                                         ([param, value]) => (
                                             <li key={param}>
-                                                {param}: {value}
+                                                <strong>{param}</strong>:{' '}
+                                                {value}
                                             </li>
                                         ),
                                     )}
diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsFiltersCell.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsFiltersCell.tsx
index 41d8c69628..0d3bbf2be6 100644
--- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsFiltersCell.tsx
+++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsFiltersCell.tsx
@@ -28,7 +28,7 @@ export const ProjectActionsFiltersCell = ({
                     <>
                         {filters.map(([parameter, value]) => (
                             <StyledItem key={parameter}>
-                                {parameter}: {value}
+                                <strong>{parameter}</strong>: {value}
                             </StyledItem>
                         ))}
                     </>
diff --git a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTriggerCell.tsx b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTriggerCell.tsx
index 02b3db6212..73bd342ac1 100644
--- a/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTriggerCell.tsx
+++ b/frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTriggerCell.tsx
@@ -6,6 +6,7 @@ import webhooksIcon from 'assets/icons/webhooks.svg';
 import { Link as RouterLink } from 'react-router-dom';
 import { ComponentType } from 'react';
 import { wrapperStyles } from 'component/common/Table/cells/LinkCell/LinkCell.styles';
+import { formatAssetPath } from 'utils/formatPath';
 
 const StyledCell = styled(Box)({
     display: 'flex',
@@ -49,7 +50,7 @@ export const ProjectActionsTriggerCell = ({
         <TextCell>
             <StyledCell>
                 <StyledIcon
-                    src={webhooksIcon}
+                    src={formatAssetPath(webhooksIcon)}
                     alt='Incoming webhook'
                     variant='rounded'
                 />