Minor updates to scheduling + event card

bodyshop_translations.babel

@@ -1979,7 +1979,7 @@
                                         </translations>
                                     </concept_node>
                                     <concept_node>
-                                        <name>pay_date</name>
+                                        <name>ownr_ph1</name>
                                         <definition_loaded>false</definition_loaded>
                                         <description></description>
                                         <comment></comment>
@@ -2000,7 +2000,7 @@
                                         </translations>
                                     </concept_node>
                                     <concept_node>
-                                        <name>phone1</name>
+                                        <name>pay_date</name>
                                         <definition_loaded>false</definition_loaded>
                                         <description></description>
                                         <comment></comment>

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

client/src/graphql/appointments.queries.js

@@ -10,8 +10,11 @@ export const QUERY_ALL_APPOINTMENTS = gql`
         ro_number
         ownr_ln
         ownr_fn
+        ownr_ph1
+        ownr_ea
         clm_total
         id
+        clm_no
         vehicle {
           id
           v_model_yr

client/src/translations/en_us/common.json

@@ -125,8 +125,8 @@
 				"owner": "Owner",
 				"owner_owing": "Cust. Owes",
 				"ownr_ea": "Email",
+				"ownr_ph1": "Phone 1",
 				"pay_date": "Inspection Date",
-				"phone1": "Phone 1",
 				"phoneshort": "PH",
 				"policy_no": "Policy #",
 				"ponumber": "PO Number",

client/src/translations/es/common.json

@@ -125,8 +125,8 @@
 				"owner": "Propietario",
 				"owner_owing": "Cust. Debe",
 				"ownr_ea": "Email",
+				"ownr_ph1": "Teléfono 1",
 				"pay_date": "Fecha de inspección",
-				"phone1": "Teléfono 1",
 				"phoneshort": "PH",
 				"policy_no": "Política #",
 				"ponumber": "numero postal",

client/src/translations/fr/common.json

@@ -125,8 +125,8 @@
 				"owner": "Propriétaire",
 				"owner_owing": "Cust. Owes",
 				"ownr_ea": "Email",
+				"ownr_ph1": "Téléphone 1",
 				"pay_date": "Date d'inspection",
-				"phone1": "Téléphone 1",
 				"phoneshort": "PH",
 				"policy_no": "Politique #",
 				"ponumber": "Numéro de bon de commande",