IO-1275 WIP Appointment notes.

client/src/components/job-at-change/schedule-event.component.jsx

@@ -1,4 +1,5 @@
 import { Button, Popover, Space } from "antd";
+import { AlertFilled } from "@ant-design/icons";
 import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -83,6 +84,9 @@ export function ScheduleEventComponent({
             {(event.job && event.job.alt_transport) || ""}
             <ScheduleAtChange job={event && event.job} />
           </DataLabel>
+          <DataLabel label={t("appointments.fields.note")}>
+            {event.note || ""}
+          </DataLabel>
         </div>
       ) : null}
 
@@ -161,6 +165,7 @@ export function ScheduleEventComponent({
   const RegularEvent = event.isintake ? (
     <div style={{ display: "flex", flexWrap: "wrap" }}>
       <Space>
+        {event.note && <AlertFilled className="production-alert" />}
         <strong>{`${event.job.ro_number || t("general.labels.na")}`}</strong>
         <span>{`${(event.job && event.job.ownr_fn) || ""} ${
           (event.job && event.job.ownr_ln) || ""

client/src/components/schedule-job-modal/schedule-job-modal.component.jsx

@@ -1,4 +1,4 @@
-import { Button, Card, Col, Form, Row, Select, Switch } from "antd";
+import { Button, Col, Form, Input, Row, Select, Switch } from "antd";
 import axios from "axios";
 import moment from "moment";
 import React, { useState } from "react";
@@ -91,7 +91,7 @@ export function ScheduleJobModalComponent({
             <DateTimePicker onlyFuture />
           </Form.Item>
         </LayoutFormRow>
-        <Card title={t("appointments.labels.smartscheduling")}>
+        <LayoutFormRow header={t("appointments.labels.smartscheduling")}>
           <Button onClick={handleSmartScheduling} loading={loading}>
             {t("appointments.actions.calculate")}
           </Button>
@@ -115,7 +115,7 @@ export function ScheduleJobModalComponent({
               </Button>
             ))}
           </div>
-        </Card>
+        </LayoutFormRow>
         <LayoutFormRow grow>
           <Form.Item
             name="notifyCustomer"
@@ -124,12 +124,9 @@ export function ScheduleJobModalComponent({
           >
             <Switch />
           </Form.Item>
-          <Form.Item shouldUpdate>
-            {() => (
-              <Form.Item name="email" label={t("jobs.fields.ownr_ea")}>
-                <EmailInput disabled={!form.getFieldValue("notifyCustomer")} />
-              </Form.Item>
-            )}
+
+          <Form.Item name="email" label={t("jobs.fields.ownr_ea")}>
+            <EmailInput disabled={!form.getFieldValue("notifyCustomer")} />
           </Form.Item>
         </LayoutFormRow>
         <LayoutFormRow grow>
@@ -158,6 +155,9 @@ export function ScheduleJobModalComponent({
                 ))}
             </Select>
           </Form.Item>
+          <Form.Item name={"note"} label={t("appointments.fields.note")}>
+            <Input />
+          </Form.Item>
         </LayoutFormRow>
         {t("appointments.labels.history")}
         <ScheduleExistingAppointmentsList

client/src/components/schedule-job-modal/schedule-job-modal.container.jsx

@@ -105,6 +105,7 @@ export function ScheduleJobModalContainer({
           start: moment(values.start),
           end: moment(values.start).add(bodyshop.appt_length || 60, "minutes"),
           color: values.color,
+          note:values.note
         },
         jobId: jobId,
         altTransport: values.alt_transport,