Fix type filter issue in tables

Yan Xu · Yan Xu · commit 19e95c4de9b7 · 2025-07-17T16:17:57.000-06:00
diff --git a/webapp/client/src/edge/um/common/ProjectTable.js b/webapp/client/src/edge/um/common/ProjectTable.js
@@ -173,9 +173,9 @@ const ProjectTable = (props) => {
         enableEditing: false,
       },
       {
+        accessorFn: (originalRow) => workflowList[originalRow.type].label, // Use accessorFn to create the display string for filtering
         header: 'Type',
         accessorKey: 'type',
-        Cell: ({ cell }) => <>{workflowList[cell.getValue()].label}</>,
         enableEditing: false,
       },
       {
diff --git a/webapp/client/src/edge/um/common/ProjectTableViewOnly.js b/webapp/client/src/edge/um/common/ProjectTableViewOnly.js
@@ -24,9 +24,9 @@ const ProjectTableViewOnly = (props) => {
       },
       { header: 'Description', accessorKey: 'desc' },
       {
+        accessorFn: (originalRow) => workflowList[originalRow.type].label, // Use accessorFn to create the display string for filtering
         header: 'Type',
         accessorKey: 'type',
-        Cell: ({ cell }) => <>{workflowList[cell.getValue()].label}</>,
         enableEditing: false,
       },
       {
diff --git a/webapp/client/src/edge/um/user/JobQueue.js b/webapp/client/src/edge/um/user/JobQueue.js
@@ -16,9 +16,9 @@ const JobQueue = () => {
         header: 'project',
       },
       {
+        accessorFn: (originalRow) => workflowList[originalRow.type].label, // Use accessorFn to create the display string for filtering
         accessorKey: 'type', //normal accessorKey
         header: 'Type',
-        Cell: ({ cell }) => <>{workflowList[cell.getValue()].label}</>,
       },
       {
         accessorKey: 'status',

Original file line number	Diff line number	Diff line change
`@@ -173,9 +173,9 @@ const ProjectTable = (props) => {`
`173`	`173`	`enableEditing: false,`
`174`	`174`	`},`
`175`	`175`	`{`
	`176`	`+ accessorFn: (originalRow) => workflowList[originalRow.type].label, // Use accessorFn to create the display string for filtering`
`176`	`177`	`header: 'Type',`
`177`	`178`	`accessorKey: 'type',`
`178`		`- Cell: ({ cell }) => <>{workflowList[cell.getValue()].label}</>,`
`179`	`179`	`enableEditing: false,`
`180`	`180`	`},`
`181`	`181`	`{`
Original file line number	Diff line number	Diff line change
`@@ -24,9 +24,9 @@ const ProjectTableViewOnly = (props) => {`
`24`	`24`	`},`
`25`	`25`	`{ header: 'Description', accessorKey: 'desc' },`
`26`	`26`	`{`
	`27`	`+ accessorFn: (originalRow) => workflowList[originalRow.type].label, // Use accessorFn to create the display string for filtering`
`27`	`28`	`header: 'Type',`
`28`	`29`	`accessorKey: 'type',`
`29`		`- Cell: ({ cell }) => <>{workflowList[cell.getValue()].label}</>,`
`30`	`30`	`enableEditing: false,`
`31`	`31`	`},`
`32`	`32`	`{`
Original file line number	Diff line number	Diff line change
`@@ -16,9 +16,9 @@ const JobQueue = () => {`
`16`	`16`	`header: 'project',`
`17`	`17`	`},`
`18`	`18`	`{`
	`19`	`+ accessorFn: (originalRow) => workflowList[originalRow.type].label, // Use accessorFn to create the display string for filtering`
`19`	`20`	`accessorKey: 'type', //normal accessorKey`
`20`	`21`	`header: 'Type',`
`21`		`- Cell: ({ cell }) => <>{workflowList[cell.getValue()].label}</>,`
`22`	`22`	`},`
`23`	`23`	`{`
`24`	`24`	`accessorKey: 'status',`