Skip to content

Commit

Permalink
Use pixels for all columns in wfo tables
Browse files Browse the repository at this point in the history
  • Loading branch information
@Georgi2704
Georgi2704 authored and Ruben van Leeuwen committed Dec 19, 2024
1 parent 55c0f37 commit 431481f
Show file tree
Hide file tree
Showing 6 changed files with 42 additions and 28 deletions.
28 changes: 14 additions & 14 deletions packages/orchestrator-ui-components/src/components/WfoProcessList/WfoProcessesList.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -104,7 +104,7 @@ export const WfoProcessesList = ({
workflowName: {
columnType: ColumnType.DATA,
label: t('workflowName'),
width: '20%',
width: '225px',
renderData: (value, { processId }) => (
<Link href={`${PATH_WORKFLOWS}/${processId}`}>{value}</Link>
),
Expand All @@ -113,46 +113,46 @@ export const WfoProcessesList = ({
lastStep: {
columnType: ColumnType.DATA,
label: t('step'),
width: '15%',
width: '375px',
},
lastStatus: {
columnType: ColumnType.DATA,
label: t('status'),
width: '100',
renderData: (cellValue) => (
<WfoProcessStatusBadge processStatus={cellValue} />
),
width: '150px',
},
workflowTarget: {
columnType: ColumnType.DATA,
label: t('workflowTarget'),
width: '100',
renderData: (target) => <WfoWorkflowTargetBadge target={target} />,
width: '100px',
},
tag: {
columnType: ColumnType.DATA,
label: t('productTag'),
width: '100',
width: '100px',
},
productName: {
columnType: ColumnType.DATA,
label: t('product'),
width: '10%',
width: '275px',
},
customer: {
columnType: ColumnType.DATA,
label: t('customer'),
width: '10%',
width: '250px',
},
customerAbbreviation: {
columnType: ColumnType.DATA,
label: t('customerAbbreviation'),
width: '10%',
width: '125px',
},
subscriptions: {
columnType: ColumnType.DATA,
label: t('subscriptions'),
width: '15%',
width: '425px',
renderData: ({ page: subscriptions }) => (
<WfoProcessListSubscriptionsCell
subscriptions={subscriptions}
Expand All @@ -176,25 +176,25 @@ export const WfoProcessesList = ({
createdBy: {
columnType: ColumnType.DATA,
label: t('createdBy'),
width: '10%',
width: '100px',
},
assignee: {
columnType: ColumnType.DATA,
label: t('assignee'),
width: '5%',
width: '100px',
},
processId: {
columnType: ColumnType.DATA,
label: t('processId'),
width: '90',
width: '90px',
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
renderDetails: (value) => value,
renderTooltip: (value) => value,
},
startedAt: {
columnType: ColumnType.DATA,
label: t('started'),
width: '100',
width: '100px',
renderData: (value) => <WfoDateTime dateOrIsoString={value} />,
renderDetails: parseDateToLocaleDateTimeString,
clipboardText: parseDateToLocaleDateTimeString,
Expand All @@ -203,7 +203,7 @@ export const WfoProcessesList = ({
lastModifiedAt: {
columnType: ColumnType.DATA,
label: t('lastModified'),
width: '100',
width: '125px',
renderData: (value) => <WfoDateTime dateOrIsoString={value} />,
renderDetails: parseDateToLocaleDateTimeString,
clipboardText: parseDateToLocaleDateTimeString,
Expand Down
7 changes: 6 additions & 1 deletion packages/orchestrator-ui-components/src/pages/metadata/WfoProductBlocksPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,14 +95,15 @@ export const WfoProductBlocksPage = () => {
productBlockId: {
columnType: ColumnType.DATA,
label: t('id'),
width: '90',
width: '90px',
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
renderDetails: (value) => value,
renderTooltip: (value) => value,
},
name: {
columnType: ColumnType.DATA,
label: t('name'),
width: '300px',
renderData: (name) => (
<WfoProductBlockBadge badgeType={BadgeType.PRODUCT_BLOCK}>
{name}
Expand All @@ -112,6 +113,7 @@ export const WfoProductBlocksPage = () => {
tag: {
columnType: ColumnType.DATA,
label: t('tag'),
width: '120px',
},
description: {
columnType: ColumnType.DATA,
Expand Down Expand Up @@ -148,6 +150,7 @@ export const WfoProductBlocksPage = () => {
resourceTypes: {
columnType: ColumnType.DATA,
label: t('resourceTypes'),
width: '700px',
renderData: (resourceTypes) => (
<>
{resourceTypes.map((resourceType, index) => (
Expand Down Expand Up @@ -183,6 +186,7 @@ export const WfoProductBlocksPage = () => {
createdAt: {
columnType: ColumnType.DATA,
label: t('createdAt'),
width: '120px',
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
Expand All @@ -191,6 +195,7 @@ export const WfoProductBlocksPage = () => {
endDate: {
columnType: ColumnType.DATA,
label: t('endDate'),
width: '120px',
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
Expand Down
13 changes: 8 additions & 5 deletions packages/orchestrator-ui-components/src/pages/metadata/WfoProductsPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -92,15 +92,15 @@ export const WfoProductsPage = () => {
productId: {
columnType: ColumnType.DATA,
label: t('id'),
width: '90',
width: '90px',
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
renderDetails: (value) => value,
renderTooltip: (value) => value,
},
name: {
columnType: ColumnType.DATA,
label: t('name'),
width: '200',
width: '200px',
renderData: (name) => (
<WfoProductBlockBadge badgeType={BadgeType.PRODUCT}>
{name}
Expand All @@ -110,7 +110,7 @@ export const WfoProductsPage = () => {
tag: {
columnType: ColumnType.DATA,
label: t('tag'),
width: '120',
width: '120px',
renderData: (value) => (
<WfoProductBlockBadge badgeType={BadgeType.PRODUCT_TAG}>
{value}
Expand All @@ -120,22 +120,24 @@ export const WfoProductsPage = () => {
description: {
columnType: ColumnType.DATA,
label: t('description'),
width: '400',
width: '400px',
renderTooltip: (value) => value,
},
productType: {
columnType: ColumnType.DATA,
label: t('productType'),
width: '250px',
},
status: {
columnType: ColumnType.DATA,
label: t('status'),
width: '90',
width: '90px',
renderData: (value) => <WfoProductStatusBadge status={value} />,
},
fixedInputs: {
columnType: ColumnType.DATA,
label: t('fixedInputs'),
width: '400px',
renderData: (fixedInputs) => (
<>
{fixedInputs.map((fixedInput, index) => (
Expand All @@ -159,6 +161,7 @@ export const WfoProductsPage = () => {
productBlocks: {
columnType: ColumnType.DATA,
label: t('productBlocks'),
width: '250px',
renderData: (productBlocks) => (
<>
{productBlocks.map((block, index) => (
Expand Down
6 changes: 4 additions & 2 deletions packages/orchestrator-ui-components/src/pages/metadata/WfoResourceTypesPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -88,15 +88,15 @@ export const WfoResourceTypesPage = () => {
resourceTypeId: {
columnType: ColumnType.DATA,
label: t('resourceId'),
width: '90',
width: '90px',
renderData: (value) => <WfoFirstPartUUID UUID={value} />,
renderDetails: (value) => value,
renderTooltip: (value) => value,
},
resourceType: {
columnType: ColumnType.DATA,
label: t('type'),
width: '200',
width: '225px',
renderData: (value) => (
<WfoProductBlockBadge badgeType={BadgeType.RESOURCE_TYPE}>
{value}
Expand All @@ -106,10 +106,12 @@ export const WfoResourceTypesPage = () => {
description: {
columnType: ColumnType.DATA,
label: t('description'),
width: '700px',
},
productBlocks: {
columnType: ColumnType.DATA,
label: t('usedInProductBlocks'),
width: '1000px',
renderData: (productBlocks) => (
<>
{productBlocks.map((productBlock, index) => (
Expand Down
8 changes: 5 additions & 3 deletions packages/orchestrator-ui-components/src/pages/metadata/WfoTasksPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,21 +105,23 @@ export const WfoTasksPage = () => {
{name}
</WfoProductBlockBadge>
),
width: '300px',
},
description: {
columnType: ColumnType.DATA,
label: t('description'),
width: '40%',
width: '500px',
},
target: {
columnType: ColumnType.DATA,
label: t('target'),
renderData: (target) => <WfoWorkflowTargetBadge target={target} />,
width: '100px',
},
productTags: {
columnType: ColumnType.DATA,
label: t('productTags'),
width: '20%',
width: '250px',
renderData: (productTags) => (
<>
{productTags
Expand Down Expand Up @@ -160,7 +162,7 @@ export const WfoTasksPage = () => {
createdAt: {
columnType: ColumnType.DATA,
label: t('createdAt'),
width: '15%',
width: '150px',
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
Expand Down
8 changes: 5 additions & 3 deletions packages/orchestrator-ui-components/src/pages/metadata/WfoWorkflowsPage.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -111,21 +111,23 @@ export const WfoWorkflowsPage = () => {
{name}
</WfoProductBlockBadge>
),
width: '350px',
},
description: {
columnType: ColumnType.DATA,
label: t('description'),
width: '40%',
width: '450px',
},
target: {
columnType: ColumnType.DATA,
label: t('target'),
renderData: (target) => <WfoWorkflowTargetBadge target={target} />,
width: '100px',
},
productTags: {
columnType: ColumnType.DATA,
label: t('productTags'),
width: '20%',
width: '300px',
renderData: (productTags) => (
<>
{productTags
Expand Down Expand Up @@ -166,7 +168,7 @@ export const WfoWorkflowsPage = () => {
createdAt: {
columnType: ColumnType.DATA,
label: t('createdAt'),
width: '15%',
width: '100px',
renderData: (date) => <WfoDateTime dateOrIsoString={date} />,
renderDetails: parseIsoString(parseDateToLocaleDateTimeString),
clipboardText: parseIsoString(parseDateToLocaleDateTimeString),
Expand Down

0 comments on commit 431481f

Please sign in to comment.