Minor updates to scheduling + event card

client/src/components/jobs-list/jobs-list.component.jsx

@@ -57,14 +57,12 @@ export default withRouter(function JobsList({
           </Link>
         ) : (
           // t("jobs.errors.noowner")
-          <span>
-            {record.ownr_fn} {record.ownr_ln}
-          </span>
+          <span>{`${record.ownr_fn} ${record.ownr_ln}`}</span>
         );
       }
     },
     {
-      title: t("jobs.fields.phone1"),
+      title: t("jobs.fields.ownr_ph1"),
       dataIndex: "ownr_ph1",
       key: "ownr_ph1",
       width: "12%",

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>
   );