bug fixes on intake BOD-114

client/src/components/schedule-event/schedule-event.component.jsx

@@ -56,36 +56,39 @@ export default function ScheduleEventComponent({ event, handleCancel }) {
           <Button>{t("appointments.actions.viewjob")}</Button>
         </Link>
       ) : null}
-      <Button onClick={() => handleCancel(event.id)}>
+      <Button onClick={() => handleCancel(event.id)} disabled={event.arrived}>
         {t("appointments.actions.cancel")}
       </Button>
-      <Button>
+      <Button disabled={event.arrived}>
         {
           //TODO Add reschedule Func.
         }
         {t("appointments.actions.reschedule")}
       </Button>
       {event.isintake ? (
-        <Button>
-          {
-            //TODO Add intake func.
-          }
-          {t("appointments.actions.intake")}
-        </Button>
+        <Link
+          to={{
+            pathname: `/manage/jobs/${event.job && event.job.id}/intake`,
+            search: `?appointmentId=${event.id}`,
+          }}>
+          <Button disabled={event.arrived}>
+            {t("appointments.actions.intake")}
+          </Button>
+        </Link>
       ) : null}
     </div>
   );
 
   const RegularEvent = event.isintake ? (
     <div>
-      <strong>{`${(event.job && event.job.ownr_fn) || ""} ${
-        (event.job && event.job.ownr_ln) || ""
-      }`}</strong>
-      <span style={{ margin: 4 }}>
+      <strong style={{ color: event.arrived ? "green" : "" }}>{`${
+        (event.job && event.job.ownr_fn) || ""
+      } ${(event.job && event.job.ownr_ln) || ""}`}</strong>
+      <div style={{ margin: 4 }}>
         {`${(event.job && event.job.v_model_yr) || ""} ${
           (event.job && event.job.v_make_desc) || ""
         } ${(event.job && event.job.v_model_desc) || ""}`}
-      </span>
+      </div>
     </div>
   ) : (
     <div>
@@ -94,7 +97,7 @@ export default function ScheduleEventComponent({ event, handleCancel }) {
   );
 
   const Load = (
-    <div className="load">
+    <div className='load'>
       <Progress percent={77} showInfo={false} />
     </div>
   );