Refactored job closing to be line based instead of totals based. BOD-383

client/src/components/form-items-formatted/labor-type-form-item.component.jsx

@@ -0,0 +1,11 @@
+import React, { forwardRef } from "react";
+import { useTranslation } from "react-i18next";
+
+const LaborTypeFormItem = ({ value, onChange }, ref) => {
+  const { t } = useTranslation();
+
+  if (!value) return null;
+
+  return <div>{t(`joblines.fields.lbr_types.${value}`)}</div>;
+};
+export default forwardRef(LaborTypeFormItem);

client/src/components/form-items-formatted/part-type-form-item.component.jsx

@@ -0,0 +1,11 @@
+import React, { forwardRef } from "react";
+import { useTranslation } from "react-i18next";
+
+const PartTypeFormItem = ({ value, onChange }, ref) => {
+  const { t } = useTranslation();
+
+  if (!value) return null;
+
+  return <div>{t(`joblines.fields.part_types.${value}`)}</div>;
+};
+export default forwardRef(PartTypeFormItem);

client/src/components/form-items-formatted/read-only-form-item.component.jsx

@@ -0,0 +1,17 @@
+import Dinero from "dinero.js";
+import React, { forwardRef } from "react";
+
+const ReadOnlyFormItem = ({ value, type = "text", onChange }, ref) => {
+  if (!value) return null;
+  switch (type) {
+    case "text":
+      return <div>{value}</div>;
+    case "currency":
+      return (
+        <div>{Dinero({ amount: Math.round(value * 100) }).toFormat()}</div>
+      );
+    default:
+      return <div>{value}</div>;
+  }
+};
+export default forwardRef(ReadOnlyFormItem);

client/src/components/form-items-formatted/reset-form-item.component.jsx

@@ -1,23 +0,0 @@
-import { Button } from "antd";
-import React, { forwardRef } from "react";
-import { useTranslation } from "react-i18next";
-import AlertComponent from "../alert/alert.component";
-
-function ResetForm({ resetFields }) {
-  const { t } = useTranslation();
-  return (
-    <AlertComponent
-      message={
-        <div>
-          {t("general.messages.unsavedchanges")}
-          <Button style={{ marginLeft: "20px" }} onClick={() => resetFields()}>
-            {t("general.actions.reset")}
-          </Button>
-        </div>
-      }
-      closable
-    />
-  );
-}
-
-export default forwardRef(ResetForm);