From 1e547f181530e5ff79bc9d0df5495775ca81bb20 Mon Sep 17 00:00:00 2001
From: Patrick Fic <>
Date: Mon, 28 Jun 2021 17:22:41 -0700
Subject: [PATCH] Upsize global search bar.

---
 .../breadcrumbs/breadcrumbs.component.jsx     | 44 ++++++++++---------
 .../global-search/global-search.component.jsx | 14 +++---
 .../redux/application/application.sagas.js    |  3 +-
 3 files changed, 31 insertions(+), 30 deletions(-)

diff --git a/client/src/components/breadcrumbs/breadcrumbs.component.jsx b/client/src/components/breadcrumbs/breadcrumbs.component.jsx
index 9ad6c7fdb..ed3331da1 100644
--- a/client/src/components/breadcrumbs/breadcrumbs.component.jsx
+++ b/client/src/components/breadcrumbs/breadcrumbs.component.jsx
@@ -1,5 +1,5 @@
 import { HomeFilled } from "@ant-design/icons";
-import { Breadcrumb } from "antd";
+import { Breadcrumb, Row, Col } from "antd";
 import React from "react";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
@@ -14,27 +14,29 @@ const mapStateToProps = createStructuredSelector({
 
 export function BreadCrumbs({ breadcrumbs }) {
   return (
-    <div className="breadcrumb-container imex-flex-row">
-      <Breadcrumb separator=">" style={{ flex: 1 }}>
-        <Breadcrumb.Item>
-          <Link to={`/manage`}>
-            <HomeFilled />
-          </Link>
-        </Breadcrumb.Item>
-        {breadcrumbs.map((item) =>
-          item.link ? (
-            <Breadcrumb.Item key={item.label}>
-              <Link to={item.link}>{item.label} </Link>
-            </Breadcrumb.Item>
-          ) : (
-            <Breadcrumb.Item key={item.label}>{item.label}</Breadcrumb.Item>
-          )
-        )}
-      </Breadcrumb>
-      <div>
+    <Row className="breadcrumb-container">
+      <Col xs={24} sm={24} md={16}>
+        <Breadcrumb separator=">">
+          <Breadcrumb.Item>
+            <Link to={`/manage`}>
+              <HomeFilled />
+            </Link>
+          </Breadcrumb.Item>
+          {breadcrumbs.map((item) =>
+            item.link ? (
+              <Breadcrumb.Item key={item.label}>
+                <Link to={item.link}>{item.label} </Link>
+              </Breadcrumb.Item>
+            ) : (
+              <Breadcrumb.Item key={item.label}>{item.label}</Breadcrumb.Item>
+            )
+          )}
+        </Breadcrumb>
+      </Col>
+      <Col xs={24} sm={24} md={8}>
         <GlobalSearch />
-      </div>
-    </div>
+      </Col>
+    </Row>
   );
 }
 export default connect(mapStateToProps, null)(BreadCrumbs);
diff --git a/client/src/components/global-search/global-search.component.jsx b/client/src/components/global-search/global-search.component.jsx
index cd146ffe3..0e5ddf8c8 100644
--- a/client/src/components/global-search/global-search.component.jsx
+++ b/client/src/components/global-search/global-search.component.jsx
@@ -37,7 +37,7 @@ export default function GlobalSearch() {
               value: job.ro_number,
               label: (
                 <Link to={`/manage/jobs/${job.id}`}>
-                  <Space wrap split={<Divider type="vertical" />}>
+                  <Space size="small" split={<Divider type="vertical" />}>
                     <strong>{job.ro_number || t("general.labels.na")}</strong>
                     <span>{`${job.ownr_fn || ""} ${job.ownr_ln || ""} ${
                       job.ownr_co_nm || ""
@@ -62,7 +62,7 @@ export default function GlobalSearch() {
               }`,
               label: (
                 <Link to={`/manage/owners/${owner.id}`}>
-                  <Space wrap split={<Divider type="vertical" />}>
+                  <Space size="small" split={<Divider type="vertical" />}>
                     <span>{`${owner.ownr_fn || ""} ${owner.ownr_ln || ""} ${
                       owner.ownr_co_nm || ""
                     }`}</span>
@@ -85,7 +85,7 @@ export default function GlobalSearch() {
               } ${vehicle.v_model_desc || ""}`,
               label: (
                 <Link to={`/manage/vehicles/${vehicle.id}`}>
-                  <Space wrap split={<Divider type="vertical" />}>
+                  <Space size="small" split={<Divider type="vertical" />}>
                     <span>
                       {`${vehicle.v_model_yr || ""} ${
                         vehicle.v_make_desc || ""
@@ -107,7 +107,7 @@ export default function GlobalSearch() {
               value: `${payment.job.ro_number} ${payment.payer} ${payment.amount}`,
               label: (
                 <Link to={`/manage/jobs/${payment.job.id}`}>
-                  <Space wrap split={<Divider type="vertical" />}>
+                  <Space size="small" split={<Divider type="vertical" />}>
                     <span>{payment.job.ro_number}</span>
                     <span>{payment.job.memo}</span>
                     <span>{payment.job.amount}</span>
@@ -126,7 +126,7 @@ export default function GlobalSearch() {
               value: `${bill.invoice_number} - ${bill.vendor.name}`,
               label: (
                 <Link to={`/manage/bills?billid=${bill.id}`}>
-                  <Space wrap split={<Divider type="vertical" />}>
+                  <Space size="small" split={<Divider type="vertical" />}>
                     <span>{bill.invoice_number}</span>
                     <span>{bill.vendor.name}</span>
                     <span>{bill.date}</span>
@@ -146,7 +146,7 @@ export default function GlobalSearch() {
               }`,
               label: (
                 <Link to={`/manage/phonebook?phonebookentry=${pb.id}`}>
-                  <Space wrap split={<Divider type="vertical" />}>
+                  <Space size="small" split={<Divider type="vertical" />}>
                     <span>{`${pb.firstname || ""} ${pb.lastname || ""} ${
                       pb.company || ""
                     }`}</span>
@@ -165,8 +165,6 @@ export default function GlobalSearch() {
 
   return (
     <AutoComplete
-      key="globalsearch"
-      dropdownMatchSelectWidth={"false"}
       options={options}
       onSearch={handleSearch}
       allowClear
diff --git a/client/src/redux/application/application.sagas.js b/client/src/redux/application/application.sagas.js
index a1c5009ec..3644a5d74 100644
--- a/client/src/redux/application/application.sagas.js
+++ b/client/src/redux/application/application.sagas.js
@@ -17,7 +17,7 @@ export function* onCalculateScheduleLoad() {
 }
 export function* calculateScheduleLoad({ payload: end }) {
   //REMINDER: Moment.js is not immutable. Today WILL change when adjusted.
-  const today = moment(new Date()).startOf("day");
+  const today = moment().startOf("day");
   const state = yield select();
   const buckets = state.user.bodyshop.ssbuckets;
 
@@ -42,6 +42,7 @@ export function* calculateScheduleLoad({ payload: end }) {
     });
 
     prodJobs.forEach((item) => {
+      //Add all of the jobs currently in production to the buckets so that we have a starting point.
       const bucketId = CheckJobBucket(buckets, item);
       if (bucketId) {
         load.productionTotal[bucketId].count =