diff --git a/client/src/components/task-list/task-list.component.jsx b/client/src/components/task-list/task-list.component.jsx
index 13e0f44bc..a7782236b 100644
--- a/client/src/components/task-list/task-list.component.jsx
+++ b/client/src/components/task-list/task-list.component.jsx
@@ -247,11 +247,6 @@ function TaskListComponent({
}
);
- const [state, setState] = useState({
- sortedInfo: {},
- filteredInfo: { text: "" }
- });
-
const handleCreateTask = useCallback(() => {
setTaskUpsertContext({
actions: {},
diff --git a/client/src/components/task-upsert-modal/task-upsert-modal.component.jsx b/client/src/components/task-upsert-modal/task-upsert-modal.component.jsx
index ab5d69d3a..691edf94c 100644
--- a/client/src/components/task-upsert-modal/task-upsert-modal.component.jsx
+++ b/client/src/components/task-upsert-modal/task-upsert-modal.component.jsx
@@ -131,13 +131,12 @@ export function TaskUpsertModalComponent({
allowClear
placeholder={t("tasks.placeholders.joblineid")}
disabled={!selectedJobDetails || !selectedJobId}
- >
- {selectedJobDetails?.joblines?.map((jobline) => (
-
- {jobline.line_desc}
-
- ))}
-
+ options={selectedJobDetails?.joblines?.map((jobline) => ({
+ key: jobline.id,
+ value: jobline.id,
+ label: jobline.line_desc
+ }))}
+ />
@@ -146,13 +145,12 @@ export function TaskUpsertModalComponent({
allowClear
placeholder={t("tasks.placeholders.partsorderid")}
disabled={!selectedJobDetails || !selectedJobId}
- >
- {selectedJobDetails?.parts_orders?.map((partsOrder) => (
-
- {partsOrder.order_number} - {partsOrder.vendor.name}
-
- ))}
-
+ options={selectedJobDetails?.parts_orders?.map((partsOrder) => ({
+ key: partsOrder.id,
+ value: partsOrder.id,
+ label: `${partsOrder.order_number} - ${partsOrder.vendor.name}`
+ }))}
+ />
@@ -161,13 +159,12 @@ export function TaskUpsertModalComponent({
allowClear
placeholder={t("tasks.placeholders.billid")}
disabled={!selectedJobDetails || !selectedJobId}
- >
- {selectedJobDetails?.bills?.map((bill) => (
-
- {bill.invoice_number} - {bill.vendor.name}
-
- ))}
-
+ options={selectedJobDetails?.bills?.map((bill) => ({
+ key: bill.id,
+ value: bill.id,
+ label: `${bill.invoice_number} - ${bill.vendor.name}`
+ }))}
+ />
@@ -183,15 +180,16 @@ export function TaskUpsertModalComponent({
}
]}
>
-