Updates on part order modal

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -1,5 +1,31 @@
-import React from "react";
+import React, { useState } from "react";
+import { AutoComplete, Icon } from "antd";
+import { useTranslation } from "react-i18next";
+export default function PartsOrderModalComponent({ vendorList }) {
+  const [vendorComplete, setVendorComplete] = useState(vendorList);
+  const { t } = useTranslation();
+  const handleSearch = value => {
+    if (value === "") setVendorComplete(vendorList);
+    else
+      setVendorComplete(
+        vendorList.filter(v =>
+          v.name.toLowerCase().includes(value.toLowerCase())
+        )
+      );
+  };
 
-export default function PartsOrderModalComponent() {
-  return <div>Component</div>;
+  return (
+    <div>
+      <AutoComplete
+        onSearch={handleSearch}
+        placeholder={t("vendors.labels.search")}>
+        {vendorComplete.map(v => (
+          <AutoComplete.Option key={v.id}>
+            {v.name}
+            {v.favorite ? <Icon type='heart' /> : null}
+          </AutoComplete.Option>
+        ))}
+      </AutoComplete>
+    </div>
+  );
 }