Added scoreboard initial design BOD-91

client/src/components/scoreboard-day-stats/scoreboard-day-stats.component.jsx

@@ -0,0 +1,47 @@
+import React from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+import { Statistic, Card } from "antd";
+import moment from "moment";
+const mapStateToProps = createStructuredSelector({
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+
+export function ScoreboardDayStats({ bodyshop, date, entries }) {
+  const {
+    lastNumberWorkingDays,
+    dailyPaintTarget,
+    dailyBodyTarget,
+  } = bodyshop.scoreboard_target;
+
+  let totalHrs = 0;
+  const paintHrs = entries.reduce((acc, value) => {
+    totalHrs = +value.painthrs;
+    return acc + value.painthrs;
+  }, 0);
+
+  const bodyHrs = entries.reduce((acc, value) => {
+    totalHrs = +value.bodyhrs;
+    return acc + value.bodyhrs;
+  }, 0);
+
+  return (
+    <div className="imex-flex-row__margin">
+      <Card title={moment(date).format("D - ddd")}>
+        <Statistic
+          valueStyle={{ color: dailyBodyTarget > bodyHrs ? "red" : "green" }}
+          value={bodyHrs.toFixed(1)}
+        />
+        <Statistic
+          valueStyle={{ color: dailyPaintTarget > paintHrs ? "red" : "green" }}
+          value={paintHrs.toFixed(1)}
+        />
+      </Card>
+    </div>
+  );
+}
+export default connect(mapStateToProps, mapDispatchToProps)(ScoreboardDayStats);