Minor updates to scheduling + event card

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

@@ -1,15 +1,32 @@
 import React from "react";
 import { Popover, Button } from "antd";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
+import PhoneFormatter from "../../utils/PhoneFormatter";
 import { Link } from "react-router-dom";
+import { useTranslation } from "react-i18next";
 
 export default function Event({ event }) {
+  const { t } = useTranslation();
   const popoverContent = (
     <div>
-      Job Total: <CurrencyFormatter>{event.job.clm_total}</CurrencyFormatter>
+      <div>{`${t("jobs.fields.ro_number")}: ${event.job.ro_number}`}</div>
+      <div>
+        {t("jobs.fields.clm_total")}:
+        <CurrencyFormatter>{event.job.clm_total}</CurrencyFormatter>
+      </div>
+      <div>{`${t("jobs.fields.clm_no")}: ${event.job.clm_no}`}</div>
+      <div>
+        {t("jobs.fields.ownr_ea")}:{event.job.ownr_ea}
+      </div>
+      <div>
+        {t("jobs.fields.ownr_ph1")}:
+        <PhoneFormatter>{event.job.ownr_ph1}</PhoneFormatter>
+      </div>
       <Link to={`/manage/jobs/${event.job.id}`}>
         <Button>View Job</Button>
       </Link>
+      <Button>//TODO: Reschedule</Button>
+      <Button>//TODO: Intake</Button>
     </div>
   );