Antd V4 Icon Updates

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

@@ -1,4 +1,5 @@
-import { AutoComplete, DatePicker, Icon, Input, List, Radio } from "antd";
+import { AutoComplete, DatePicker, Input, List, Radio } from "antd";
+import { HeartFilled } from "@ant-design/icons";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 export default function PartsOrderModalComponent({
@@ -34,13 +35,14 @@ export default function PartsOrderModalComponent({
         onSelect={handleSelect}
         defaultOpen
         backfill
-        optionLabelProp='value'
+        optionLabelProp="value"
         dataSource={vendorComplete}
-        placeholder={t("vendors.labels.search")}>
+        placeholder={t("vendors.labels.search")}
+      >
         {vendorComplete.map(v => (
           <AutoComplete.Option value={v.name} key={v.id}>
             <div>{v.name}</div>
-            <div> {v.favorite ? <Icon type='heart' /> : null}</div>
+            <div> {v.favorite ? <HeartFilled /> : null}</div>
           </AutoComplete.Option>
         ))}
       </AutoComplete>
@@ -55,14 +57,15 @@ export default function PartsOrderModalComponent({
       {t("parts_orders.labels.inthisorder")}
 
       <List
-        itemLayout='horizontal'
+        itemLayout="horizontal"
         dataSource={orderLines}
         renderItem={item => (
           <List.Item
             actions={[
               <Input placeholder={t("parts_orders.fields.lineremarks")} />
               //TODO Editable table/adding line remarks to the order.
-            ]}>
+            ]}
+          >
             {
               // <List.Item.Meta
               //   avatar={
@@ -81,7 +84,8 @@ export default function PartsOrderModalComponent({
 
       <Radio.Group
         defaultValue={sendType}
-        onChange={e => setSendType(e.target.value)}>
+        onChange={e => setSendType(e.target.value)}
+      >
         <Radio value={"e"}>{t("parts_orders.labels.email")}</Radio>
         <Radio value={"p"}>{t("parts_orders.labels.print")}</Radio>
       </Radio.Group>