WIP Whiteboard Changes

client/src/components/jobs-list/jobs-list.component.jsx

@@ -38,7 +38,10 @@ export default function JobsPage({ loading, jobs }) {
       sorter: (a, b) => alphaSort(a, b),
       sortOrder:
         state.sortedInfo.columnKey === "status" && state.sortedInfo.order,
-      ellipsis: true
+      ellipsis: true,
+      render: (text, record) => {
+        return record.job_status?.name ?? "";
+      }
     },
     {
       title: "Customer",
@@ -75,9 +78,9 @@ export default function JobsPage({ loading, jobs }) {
       render: (text, record) => (
         <span>
           Action 一 {record.ro_number}
-          <Divider type="vertical" />
-          <Divider type="vertical" />
-          More actions <Icon type="down" />
+          <Divider type='vertical' />
+          <Divider type='vertical' />
+          More actions <Icon type='down' />
         </span>
       )
     }
@@ -94,12 +97,12 @@ export default function JobsPage({ loading, jobs }) {
 
   return (
     <div>
-      <Input name="searchCriteria" onChange={handleChange} />
+      <Input name='searchCriteria' onChange={handleChange} />
       <Table
         loading={loading}
         pagination={{ position: "bottom" }}
         columns={columns.map(item => ({ ...item }))}
-        rowKey="id"
+        rowKey='id'
         dataSource={jobs}
         onChange={handleTableChange}
       />