Merge pull request #635 from mozzy11/2.8

minor fixes on oder referal page
I-TECH-UW · Dec 6, 2023 · d11fbe1 · d11fbe1
2 parents 7c39bf8 + 1021756
commit d11fbe1
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 19 deletions.
diff --git a/frontend/src/components/addOrder/OrderReferralRequest.js b/frontend/src/components/addOrder/OrderReferralRequest.js
@@ -55,21 +55,38 @@ const OrderReferralRequest = ({
   function handleSentDatePicker(date, index) {
     if (date != null) {
       const update = [...referralRequests];
-      update[index].sentDate = date;
+      if (update[index]) {
+        update[index].sentDate = date;
+      }
       setReferralRequests(update);
     }
   }
 
   const header = [
-    { key: "reason", header: requiredSymbol(intl.formatMessage({ id: "referral.label.reason"})) },
-    { key: "referrer", header: intl.formatMessage({ id: "referrer.label" })},
+    {
+      key: "reason",
+      header: requiredSymbol(
+        intl.formatMessage({ id: "referral.label.reason" }),
+      ),
+    },
+    { key: "referrer", header: intl.formatMessage({ id: "referrer.label" }) },
     {
       key: "institute",
-      header: requiredSymbol(intl.formatMessage({ id: "referral.label.institute"})),
+      header: requiredSymbol(
+        intl.formatMessage({ id: "referral.label.institute" }),
+      ),
+    },
+    {
+      key: "",
+      header:
+        intl.formatMessage({ id: "referral.label.sentdate" }) +
+        "\n" +
+        "(dd/mm/yyyy)",
+    },
+    {
+      key: "name",
+      header: requiredSymbol(intl.formatMessage({ id: "search.label.test" })),
     },
-    { key: "", header:intl.formatMessage({ id: "referral.label.sentdate"}) + "\n" + "(dd/mm/yyyy)" },
-    { key: "name", header: requiredSymbol(intl.formatMessage({ id: "search.label.test" })) },
-
   ];
 
   const updateUIRender = () => {
@@ -105,7 +122,7 @@ const OrderReferralRequest = ({
               id={"referralReasonId_" + id}
               options={referralReasons}
               value={
-                referralRequests[i].reasonForReferral
+                referralRequests[i]?.reasonForReferral
                   ? referralRequests[i].reasonForReferral
                   : null
               }
@@ -116,7 +133,7 @@ const OrderReferralRequest = ({
             <CustomTextInput
               id={"referrer_" + id}
               defaultValue={
-                referralRequests[i].referrer
+                referralRequests[i]?.referrer
                   ? referralRequests[i].referrer
                   : obj.referrer
               }
@@ -129,7 +146,7 @@ const OrderReferralRequest = ({
               id={"referredInstituteId_" + id}
               options={referralOrganizations}
               value={
-                referralRequests[i].institute
+                referralRequests[i]?.institute
                   ? referralRequests[i].institute
                   : null
               }
@@ -143,7 +160,7 @@ const OrderReferralRequest = ({
               autofillDate={true}
               className="orderReferralSentDate"
               value={
-                referralRequests[i].sentDate
+                referralRequests[i]?.sentDate
                   ? referralRequests[i].sentDate
                   : null
               }

diff --git a/frontend/src/components/addOrder/SampleType.js b/frontend/src/components/addOrder/SampleType.js
@@ -15,7 +15,7 @@ import CustomSelect from "../common/CustomSelect";
 import CustomDatePicker from "../common/CustomDatePicker";
 import CustomTimePicker from "../common/CustomTimePicker";
 import { NotificationKinds } from "../common/CustomNotification";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import { getFromOpenElisServer } from "../utils/Utils";
 import { NotificationContext, ConfigurationContext } from "../layout/Layout";
 import { sampleTypeTestsStructure } from "../data/SampleEntryTestsForTypeProvider";
@@ -63,6 +63,7 @@ const SampleType = (props) => {
     collectionTime: "",
   });
   const [loading, setLoading] = useState(true);
+  const intl = useIntl();
 
   const defaultSelect = { id: "", value: "Choose Rejection Reason" };
 
@@ -528,8 +529,12 @@ const SampleType = (props) => {
               <Search
                 size="lg"
                 id={`panels_search_` + index}
-                labelText={<FormattedMessage id="label.search.availablepanel"/>}
-                placeholder={<FormattedMessage id="choose.availablepanel"/>}
+                labelText={
+                  <FormattedMessage id="label.search.availablepanel" />
+                }
+                placeholder={intl.formatMessage({
+                  id: "choose.availablepanel",
+                })}
                 onChange={handlePanelSearchChange}
                 value={(() => {
                   if (panelSearchTerm) {
@@ -612,12 +617,18 @@ const SampleType = (props) => {
               <></>
             )}
           </div>
-          <FormGroup legendText={<FormattedMessage id="legend.search.availabletests"/>}>
+          <FormGroup
+            legendText={<FormattedMessage id="legend.search.availabletests" />}
+          >
             <Search
               size="lg"
               id={`tests_search_` + index}
-              labelText={<FormattedMessage id="label.search.available.targetest"/>}
-              placeholder={<FormattedMessage id="holder.choose.availabletest"/>}
+              labelText={
+                <FormattedMessage id="label.search.available.targetest" />
+              }
+              placeholder={intl.formatMessage({
+                id: "holder.choose.availabletest",
+              })}
               onChange={handleTestSearchChange}
               value={(() => {
                 if (testSearchTerm) {
@@ -650,7 +661,7 @@ const SampleType = (props) => {
                     <Layer>
                       <Tile className={"emptyFilterTests"}>
                         <span>
-                          <FormattedMessage id="title.notestfoundmatching"/>
+                          <FormattedMessage id="title.notestfoundmatching" />
                           <strong> "{testSearchTerm}"</strong>{" "}
                         </span>
                       </Tile>
@@ -679,7 +690,7 @@ const SampleType = (props) => {
         <div className="requestTestReferral">
           <Checkbox
             id={`useReferral_` + index}
-            labelText={<FormattedMessage id="label.refertest.referencelab"/>}
+            labelText={<FormattedMessage id="label.refertest.referencelab" />}
             onChange={handleReferralRequest}
           />
           {requestTestReferral === true && (