From ca18c516547c0eb6b94c0a5a068b43dceee30b91 Mon Sep 17 00:00:00 2001
From: Patrick Fic <snaptsoft@gmail.com>
Date: Mon, 12 Apr 2021 15:32:34 -0700
Subject: [PATCH] IO-885 Add parts price discrepancy indicator

---
 .../job-lines-bill-reference.component.jsx          | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/client/src/components/job-lines-bill-reference/job-lines-bill-reference.component.jsx b/client/src/components/job-lines-bill-reference/job-lines-bill-reference.component.jsx
index 02cfb7e73..84b43e9ab 100644
--- a/client/src/components/job-lines-bill-reference/job-lines-bill-reference.component.jsx
+++ b/client/src/components/job-lines-bill-reference/job-lines-bill-reference.component.jsx
@@ -1,13 +1,16 @@
 import React from "react";
-
+import { WarningFilled } from "@ant-design/icons";
 export default function JobLinesBillRefernece({ jobline }) {
   const billLine = jobline.billlines && jobline.billlines[0];
 
   if (!billLine) return null;
-
+  const subletRequired = billLine.actual_price !== jobline.act_price;
   return (
-    <div>{`${(billLine.actual_price * billLine.quantity).toFixed(2)} (${
-      billLine.bill.vendor.name
-    })`}</div>
+    <div style={{ color: subletRequired && "tomato" }}>
+      {subletRequired && <WarningFilled />}
+      {`${(billLine.actual_price * billLine.quantity).toFixed(2)} (${
+        billLine.bill.vendor.name
+      })`}
+    </div>
   );
 }