From 79fa71fc8441009d86793e075d3945cd4bab7328 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Fri, 21 May 2021 12:44:08 -0700
Subject: [PATCH] IO-1160 Target Touch Time Highlighting.

---
 ...ution-list-columns.touchtime.component.jsx | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/client/src/components/production-list-columns/prodution-list-columns.touchtime.component.jsx b/client/src/components/production-list-columns/prodution-list-columns.touchtime.component.jsx
index 45927a68e..c651b7f8d 100644
--- a/client/src/components/production-list-columns/prodution-list-columns.touchtime.component.jsx
+++ b/client/src/components/production-list-columns/prodution-list-columns.touchtime.component.jsx
@@ -1,6 +1,20 @@
 import moment from "moment";
 import React, { useMemo } from "react";
-export default function ProductionlistColumnTouchTime({ job }) {
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ProductionlistColumnTouchTime);
+
+export function ProductionlistColumnTouchTime({ bodyshop, job }) {
   let ct = useMemo(() => {
     if (!!job.actual_in) {
       const totalHrs =
@@ -18,5 +32,7 @@ export default function ProductionlistColumnTouchTime({ job }) {
     return 0;
   }, [job]);
 
-  return <span>{ct}</span>;
+  const underTarget = ct < bodyshop.target_touchtime;
+
+  return <span style={{ color: underTarget && "tomato" }}>{ct}</span>;
 }