IO-1096 Added order by to Parts Order

client/src/components/chat-conversation-title/chat-conversation-title.component.jsx

@@ -1,3 +1,4 @@
+import { Space } from "antd";
 import React from "react";
 import PhoneNumberFormatter from "../../utils/PhoneFormatter";
 import ChatConversationTitleTags from "../chat-conversation-title-tags/chat-conversation-title-tags.component";
@@ -5,20 +6,16 @@ import ChatTagRoContainer from "../chat-tag-ro/chat-tag-ro.container";
 
 export default function ChatConversationTitle({ conversation }) {
   return (
-    <div>
-      <div className="imex-flex-row">
-        <ChatConversationTitleTags
-          jobConversations={
-            (conversation && conversation.job_conversations) || []
-          }
-        />
-        <ChatTagRoContainer conversation={conversation || []} />
-      </div>
-      <div className="imex-flex-row">
-        <PhoneNumberFormatter>
-          {conversation && conversation.phone_num}
-        </PhoneNumberFormatter>
-      </div>
-    </div>
+    <Space flex>
+      <PhoneNumberFormatter>
+        {conversation && conversation.phone_num}
+      </PhoneNumberFormatter>
+      <ChatConversationTitleTags
+        jobConversations={
+          (conversation && conversation.job_conversations) || []
+        }
+      />
+      <ChatTagRoContainer conversation={conversation || []} />
+    </Space>
   );
 }

client/src/components/chat-tag-ro/chat-tag-ro.component.jsx

@@ -1,5 +1,5 @@
 import { CloseCircleOutlined, LoadingOutlined } from "@ant-design/icons";
-import { Select, Empty } from "antd";
+import { Select, Empty, Space } from "antd";
 import React from "react";
 import { useTranslation } from "react-i18next";
 
@@ -13,27 +13,27 @@ export default function ChatTagRoComponent({
   const { t } = useTranslation();
 
   return (
-    <div>
-      <Select
-        showSearch
-        autoFocus
-        style={{
-          width: 300,
-        }}
-        placeholder={t("general.labels.search")}
-        filterOption={false}
-        onSearch={handleSearch}
-        onSelect={handleInsertTag}
-        notFoundContent={loading ? <LoadingOutlined /> : <Empty />}
-      >
-        {roOptions.map((item, idx) => (
-          <Select.Option key={item.id || idx}>
-            {` ${item.ro_number || ""} | ${item.ownr_fn || ""} ${
-              item.ownr_ln || ""
-            } ${item.ownr_co_nm || ""}`}
-          </Select.Option>
-        ))}
-      </Select>
+    <Space flex>
+      <div style={{ width: "15rem" }}>
+        <Select
+          showSearch
+          autoFocus
+          dropdownMatchSelectWidth
+          placeholder={t("general.labels.search")}
+          filterOption={false}
+          onSearch={handleSearch}
+          onSelect={handleInsertTag}
+          notFoundContent={loading ? <LoadingOutlined /> : <Empty />}
+        >
+          {roOptions.map((item, idx) => (
+            <Select.Option key={item.id || idx}>
+              {` ${item.ro_number || ""} | ${item.ownr_fn || ""} ${
+                item.ownr_ln || ""
+              } ${item.ownr_co_nm || ""}`}
+            </Select.Option>
+          ))}
+        </Select>
+      </div>
       {loading ? <LoadingOutlined /> : null}
 
       {loading ? (
@@ -41,6 +41,6 @@ export default function ChatTagRoComponent({
       ) : (
         <CloseCircleOutlined onClick={() => setVisible(false)} />
       )}
-    </div>
+    </Space>
   );
 }

client/src/components/jobs-documents-gallery/job-documents.utility.js

@@ -2,7 +2,7 @@ import { DetermineFileType } from "../documents-upload/documents-upload.utility"
 
 export const GenerateSrcUrl = (value) => {
   let extension = value.extension;
-  if (extension && extension.includes("heic")) extension = "jpg";
+  if (extension && extension.toLowerCase().includes("heic")) extension = "jpg";
 
   return `${process.env.REACT_APP_CLOUDINARY_ENDPOINT}/${DetermineFileType(
     value.type

client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx

@@ -166,7 +166,6 @@ function JobsDocumentsComponent({
                     zIndex: "5",
                   }}
                   onClick={() => {
-                    console.log(`Clicked`);
                     const newWindow = window.open(
                       `${window.location.protocol}//${window.location.host}/edit?documentId=${galleryImages.images[index].id}`,
                       "_blank",

client/src/components/parts-order-list-table/parts-order-list-table.component.jsx

@@ -237,6 +237,11 @@ export function PartsOrderListTableComponent({
         <DateFormatter>{record.deliver_by}</DateFormatter>
       ),
     },
+    {
+      title: t("parts_orders.fields.orderedby"),
+      dataIndex: "orderedby",
+      key: "orderedby",
+    },
     {
       title: t("general.labels.actions"),
       dataIndex: "actions",
@@ -336,6 +341,7 @@ export function PartsOrderListTableComponent({
           />
         ),
       },
+
       {
         title: t("general.labels.actions"),
         dataIndex: "actions",

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -73,6 +73,7 @@ export default function PartsOrderModalComponent({
                 <Form.Item required={false} key={field.key}>
                   <LayoutFormRow grow noDivider>
                     <Form.Item
+                      span={8}
                       label={t("parts_orders.fields.line_desc")}
                       key={`${index}line_desc`}
                       name={[field.name, "line_desc"]}

client/src/components/parts-order-modal/parts-order-modal.container.jsx

@@ -81,6 +81,7 @@ export function PartsOrderModalContainer({
         po: [
           {
             ...values,
+            orderedby: currentUser.email,
             jobid: jobId,
             user_email: currentUser.email,
             return: isReturn,