Add comments field to parts queue.

client/src/pages/parts-queue/parts-queue.page.component.jsx

@@ -11,6 +11,7 @@ import AlertComponent from "../../components/alert/alert.component";
 import JobPartsQueueCount from "../../components/job-parts-queue-count/job-parts-queue-count.component";
 import JobRemoveFromPartsQueue from "../../components/job-remove-from-parst-queue/job-remove-from-parts-queue.component";
 import OwnerNameDisplay from "../../components/owner-name-display/owner-name-display.component";
+import ProductionListColumnComment from "../../components/production-list-columns/production-list-columns.comment.component";
 import { QUERY_PARTS_QUEUE } from "../../graphql/jobs.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import { onlyUnique } from "../../utils/arrayHelper";
@@ -228,9 +229,18 @@ export function PartsQueuePageComponent({ bodyshop }) {
       dataIndex: "partsstatus",
       key: "partsstatus",
       render: (text, record) => (
-        <JobPartsQueueCount parts={record.joblines_status} />
+        <JobPartsQueueCount
+          style={{ minWidth: "10rem" }}
+          parts={record.joblines_status}
+        />
       ),
     },
+    {
+      title: t("jobs.fields.comment"),
+      dataIndex: "comment",
+      key: "comment",
+      render: (text, record) => <ProductionListColumnComment record={record} />,
+    },
     {
       title: t("jobs.fields.queued_for_parts"),
       dataIndex: "queued_for_parts",
@@ -247,7 +257,7 @@ export function PartsQueuePageComponent({ bodyshop }) {
           value: false,
         },
       ],
-      //onFilter: (value, record) => record.queued_for_parts === value,
+      onFilter: (value, record) => record.queued_for_parts === value,
       render: (text, record) => (
         <JobRemoveFromPartsQueue
           checked={record.queued_for_parts}