Table updates for appointments. Initial appointments screen + fetching.

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

@@ -0,0 +1,25 @@
+import React from "react";
+import { Popover, Button } from "antd";
+import CurrencyFormatter from "../../utils/CurrencyFormatter";
+import { Link } from "react-router-dom";
+
+export default function Event({ event }) {
+  const popoverContent = (
+    <div>
+      Job Total: <CurrencyFormatter>{event.job.clm_total}</CurrencyFormatter>
+      <Link to={`/manage/jobs/${event.job.id}`}>
+        <Button>View Job</Button>
+      </Link>
+    </div>
+  );
+
+  return (
+    <Popover content={popoverContent}>
+      <strong>{`${event.job.ownr_fn || ""} ${event.job.ownr_ln || ""}`}</strong>
+      <div>
+        {`${event.job.vehicle.v_model_yr || ""} ${event.job.vehicle
+          .v_make_desc || ""} ${event.job.vehicle.v_model_desc || ""}`}
+      </div>
+    </Popover>
+  );
+}