diff --git a/client/src/components/parts-order-modal/parts-order-modal.component.jsx b/client/src/components/parts-order-modal/parts-order-modal.component.jsx
index 965a66e07..a1ddd036d 100644
--- a/client/src/components/parts-order-modal/parts-order-modal.component.jsx
+++ b/client/src/components/parts-order-modal/parts-order-modal.component.jsx
@@ -10,6 +10,7 @@ export default function PartsOrderModalComponent({
vendorList,
sendTypeState,
isReturn,
+ preferredMake,
}) {
const [sendType, setSendType] = sendTypeState;
@@ -27,7 +28,11 @@ export default function PartsOrderModalComponent({
},
]}
>
-
+
diff --git a/client/src/components/vendor-search-select/vendor-search-select.component.jsx b/client/src/components/vendor-search-select/vendor-search-select.component.jsx
index b254963aa..e87b5d4f2 100644
--- a/client/src/components/vendor-search-select/vendor-search-select.component.jsx
+++ b/client/src/components/vendor-search-select/vendor-search-select.component.jsx
@@ -1,13 +1,15 @@
import { Select, Tag } from "antd";
import React, { useEffect, useState, forwardRef } from "react";
+import { HeartOutlined } from "@ant-design/icons";
const { Option } = Select;
//To be used as a form element only.
const VendorSearchSelect = (
- { value, onChange, options, onSelect, disabled },
+ { value, onChange, options, onSelect, disabled, preferredMake },
ref
) => {
+ console.log("preferredMake", preferredMake, options);
const [option, setOption] = useState(value);
useEffect(() => {
@@ -16,6 +18,15 @@ const VendorSearchSelect = (
}
}, [value, option, onChange]);
+ const favorites =
+ preferredMake && options
+ ? options.filter(
+ (o) => o.favorite.filter((f) => f === preferredMake).length > 0
+ )
+ : [];
+
+ console.log("favorites", favorites);
+
return (