IO-884 Add special coverage policy indicators.

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

@@ -1,5 +1,14 @@
-import { DeleteFilled } from "@ant-design/icons";
-import { Form, Input, InputNumber, Radio, Typography } from "antd";
+import { DeleteFilled, WarningFilled } from "@ant-design/icons";
+import {
+  Divider,
+  Form,
+  Input,
+  InputNumber,
+  Radio,
+  Space,
+  Tag,
+  Typography,
+} from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 import FormDatePicker from "../form-date-picker/form-date-picker.component";
@@ -13,6 +22,7 @@ export default function PartsOrderModalComponent({
   sendTypeState,
   isReturn,
   preferredMake,
+  job,
 }) {
   const [sendType, setSendType] = sendTypeState;
 
@@ -23,7 +33,7 @@ export default function PartsOrderModalComponent({
       <Form.Item name="returnfrombill" style={{ display: "none" }}>
         <Input />
       </Form.Item>
-      <LayoutFormRow>
+      <LayoutFormRow noDivider>
         <Form.Item
           name="vendorid"
           label={t("vendors.fields.name")}
@@ -52,10 +62,18 @@ export default function PartsOrderModalComponent({
         >
           <FormDatePicker />
         </Form.Item>
+        {job && job.special_coverage_policy && (
+          <Tag color="tomato">
+            <Space>
+              <WarningFilled />
+              <span>{t("jobs.labels.specialcoveragepolicy")}</span>
+            </Space>
+          </Tag>
+        )}
       </LayoutFormRow>
-      <Typography.Title level={4}>
+      <Divider orientation="left">
         {t("parts_orders.labels.inthisorder")}
-      </Typography.Title>
+      </Divider>
       <Form.List name={["parts_order_lines", "data"]}>
         {(fields, { add, remove, move }) => {
           return (
@@ -63,7 +81,7 @@ export default function PartsOrderModalComponent({
               {fields.map((field, index) => (
                 <Form.Item required={false} key={field.key}>
                   <div style={{ display: "flex", alignItems: "center" }}>
-                    <LayoutFormRow style={{ flex: 1 }}>
+                    <LayoutFormRow noDivider>
                       <Form.Item
                         label={t("parts_orders.fields.line_desc")}
                         key={`${index}line_desc`}

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

@@ -56,6 +56,7 @@ export function PartsOrderModalContainer({
     vendorId,
     returnFromBill,
     invoiceNumber,
+    job,
   } = context;
 
   const { refetch } = actions;
@@ -256,6 +257,7 @@ export function PartsOrderModalContainer({
             sendTypeState={sendTypeState}
             isReturn={isReturn}
             preferredMake={data && data.jobs[0] && data.jobs[0].v_make_desc}
+            job={job}
           />
         )}
       </Form>