Misc changes to Domain Page (#622)

* Add icons and link to run id * Widen run id
uber · Jul 25, 2024 · 6679f84 · 6679f84
1 parent 9a3ccc7
commit 6679f84
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/src/views/domain-page/config/domain-page-tabs.config.ts b/src/views/domain-page/config/domain-page-tabs.config.ts
@@ -1,9 +1,11 @@
+import { MdListAlt, MdSettings, MdSort } from 'react-icons/md';
+
 import type { DomainPageTabs } from '../domain-page-tabs/domain-page-tabs.types';
 
 const domainPageTabsConfig = [
- { key: 'workflows', title: 'Workflows' },
- { key: 'metadata', title: 'Metadata' },
- { key: 'settings', title: 'Settings' },
+ { key: 'workflows', title: 'Workflows', artwork: MdSort },
+ { key: 'metadata', title: 'Metadata', artwork: MdListAlt },
+ { key: 'settings', title: 'Settings', artwork: MdSettings },
 ] as const satisfies DomainPageTabs;
 
 export default domainPageTabsConfig;
diff --git a/src/views/domain-page/config/domain-page-workflows-table.config.ts b/src/views/domain-page/config/domain-page-workflows-table.config.ts
@@ -11,15 +11,8 @@ const domainPageWorkflowsTableConfig: Array<TableColumn<DomainWorkflow>> = [
  {
  name: 'Workflow ID',
  id: 'WorkflowID',
- renderCell: (row: DomainWorkflow) =>
- createElement(
- Link,
- {
- href: `workflows/${encodeURIComponent(row.workflowID)}/${encodeURIComponent(row.runID)}`,
- },
- row.workflowID
- ),
- width: '27.5%',
+ renderCell: (row: DomainWorkflow) => row.workflowID,
+ width: '25.5%',
  },
  {
  name: 'Status',
@@ -31,8 +24,15 @@ const domainPageWorkflowsTableConfig: Array<TableColumn<DomainWorkflow>> = [
  {
  name: 'Run ID',
  id: 'RunID',
- renderCell: (row: DomainWorkflow) => row.runID,
- width: '20%',
+ renderCell: (row: DomainWorkflow) =>
+ createElement(
+ Link,
+ {
+ href: `workflows/${encodeURIComponent(row.workflowID)}/${encodeURIComponent(row.runID)}`,
+ },
+ row.runID
+ ),
+ width: '22%',
  },
  {
  name: 'Workflow type',