WIP Whiteboard Changes

client/src/components/job-tombstone/job-tombstone.component.jsx

@@ -33,8 +33,8 @@ function JobTombstone({ job, ...otherProps }) {
   if (!job) {
     return (
       <AlertComponent
-        message="This job does not exist or you do not have access to it."
-        type="error"
+        message='This job does not exist or you do not have access to it.'
+        type='error'
       />
     );
   }
@@ -70,20 +70,19 @@ function JobTombstone({ job, ...otherProps }) {
               +" " + jobContext.owner?.first_name
             : "No owner"
         }
-        tags={<Tag color="blue">{jobContext?.status}</Tag>}
+        tags={<Tag color='blue'>{jobContext?.job_status?.name}</Tag>}
         extra={[
-          <Form.Item key="1">
-            <Button type="primary" htmlType="submit">
+          <Form.Item key='1'>
+            <Button type='primary' htmlType='submit'>
               Save
             </Button>
           </Form.Item>
-        ]}
-      >
-        <Descriptions size="small" column={3}>
-          <Descriptions.Item label="Claim Total">
+        ]}>
+        <Descriptions size='small' column={3}>
+          <Descriptions.Item label='Claim Total'>
             $ {jobContext.claim_total?.toFixed(2)}
           </Descriptions.Item>
-          <Descriptions.Item label="Deductible">
+          <Descriptions.Item label='Deductible'>
             $ {jobContext.deductible?.toFixed(2)}
           </Descriptions.Item>
         </Descriptions>
@@ -91,51 +90,51 @@ function JobTombstone({ job, ...otherProps }) {
 
       <Row>
         <Typography.Title level={4}>Information</Typography.Title>
-        <Form.Item label="RO #">
+        <Form.Item label='RO #'>
           {getFieldDecorator("ro_number", {
             initialValue: jobContext.ro_number
-          })(<Input name="ro_number" readOnly onChange={handleChange} />)}
+          })(<Input name='ro_number' readOnly onChange={handleChange} />)}
         </Form.Item>
 
-        <Form.Item label="Estimate #">
+        <Form.Item label='Estimate #'>
           {getFieldDecorator("est_number", {
             initialValue: jobContext.est_number
-          })(<Input name="est_number" readOnly onChange={handleChange} />)}
+          })(<Input name='est_number' readOnly onChange={handleChange} />)}
         </Form.Item>
       </Row>
 
       <Row>
         <Typography.Title level={4}>Insurance Information</Typography.Title>
-        <Form.Item label="Insurance Company">
+        <Form.Item label='Insurance Company'>
           {getFieldDecorator("est_co_nm", {
             initialValue: jobContext.est_co_nm
-          })(<Input name="est_co_nm" onChange={handleChange} />)}
+          })(<Input name='est_co_nm' onChange={handleChange} />)}
         </Form.Item>
         <Col span={8}>
-          <Form.Item label="Estimator Last Name">
+          <Form.Item label='Estimator Last Name'>
             {getFieldDecorator("est_ct_ln", {
               initialValue: jobContext.est_ct_ln
-            })(<Input name="est_ct_ln" onChange={handleChange} />)}
+            })(<Input name='est_ct_ln' onChange={handleChange} />)}
           </Form.Item>
-          <Form.Item label="Estimator First Name">
+          <Form.Item label='Estimator First Name'>
             {getFieldDecorator("est_ct_fn", {
               initialValue: jobContext.est_ct_fn
-            })(<Input name="est_ct_fn" onChange={handleChange} />)}
+            })(<Input name='est_ct_fn' onChange={handleChange} />)}
           </Form.Item>
         </Col>
         <Col span={8}>
-          <Form.Item label="Estimator Phone #">
+          <Form.Item label='Estimator Phone #'>
             {getFieldDecorator("est_ph1", {
               initialValue: jobContext.est_ph1
             })(
               <FormItemPhone
                 customInput={Input}
-                name="est_ph1"
+                name='est_ph1'
                 onValueChange={handleChange}
               />
             )}
           </Form.Item>
-          <Form.Item label="Estimator Email">
+          <Form.Item label='Estimator Email'>
             {getFieldDecorator("est_ea", {
               initialValue: jobContext.est_ea,
               rules: [
@@ -144,7 +143,7 @@ function JobTombstone({ job, ...otherProps }) {
                   message: "This is not a valid email address."
                 }
               ]
-            })(<Input name="est_ea" onChange={handleChange} />)}
+            })(<Input name='est_ea' onChange={handleChange} />)}
           </Form.Item>
         </Col>
       </Row>