Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-01-20 00:08:02 +01:00
Code Issues Projects Releases Wiki Activity

fix: actions table UI improvements (#6042)

Browse Source 
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
This commit is contained in:
Nuno Góis 2024-01-26 09:52:19 +00:00 committed by GitHub
parent 32dd377c3e
commit 6ee4d2724e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsActionsCell.tsx
View File

@ -45,7 +45,8 @@ export const ProjectActionsActionsCell = ({
{Object.entries(executionParams).map( {Object.entries(executionParams).map(
([param, value]) => ( ([param, value]) => (
<li key={param}> <li key={param}>
{param}: {value} <strong>{param}</strong>:{' '}
{value}
</li> </li>
), ),
)} )}

2
frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsFiltersCell.tsx
View File

@ -28,7 +28,7 @@ export const ProjectActionsFiltersCell = ({
<> <>
{filters.map(([parameter, value]) => ( {filters.map(([parameter, value]) => (
<StyledItem key={parameter}> <StyledItem key={parameter}>
{parameter}: {value} <strong>{parameter}</strong>: {value}
</StyledItem> </StyledItem>
))} ))}
</> </>

3
frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsTriggerCell.tsx
View File

@ -6,6 +6,7 @@ import webhooksIcon from 'assets/icons/webhooks.svg';
import { Link as RouterLink } from 'react-router-dom'; import { Link as RouterLink } from 'react-router-dom';
import { ComponentType } from 'react'; import { ComponentType } from 'react';
import { wrapperStyles } from 'component/common/Table/cells/LinkCell/LinkCell.styles'; import { wrapperStyles } from 'component/common/Table/cells/LinkCell/LinkCell.styles';
import { formatAssetPath } from 'utils/formatPath';
const StyledCell = styled(Box)({ const StyledCell = styled(Box)({
display: 'flex', display: 'flex',
@ -49,7 +50,7 @@ export const ProjectActionsTriggerCell = ({
<TextCell> <TextCell>
<StyledCell> <StyledCell>
<StyledIcon <StyledIcon
src={webhooksIcon} src={formatAssetPath(webhooksIcon)}
alt='Incoming webhook' alt='Incoming webhook'
variant='rounded' variant='rounded'
/> />