From bf5fef54fa1e76503309d1e045cd55b0090c8ac0 Mon Sep 17 00:00:00 2001
From: Onkar Jadhav <omjadhav2610@gmail.com>
Date: Fri, 17 Nov 2023 10:53:23 +0530
Subject: [PATCH] Show fields when copying from previous log

---
 src/Components/Patient/DailyRounds.tsx | 372 +++++++++++++------------
 1 file changed, 200 insertions(+), 172 deletions(-)

diff --git a/src/Components/Patient/DailyRounds.tsx b/src/Components/Patient/DailyRounds.tsx
index ff749aed29e..20d9d417ae2 100644
--- a/src/Components/Patient/DailyRounds.tsx
+++ b/src/Components/Patient/DailyRounds.tsx
@@ -67,8 +67,8 @@ const initError = Object.assign(
 );
 
 const initialState = {
-  form: { ...initForm },
-  errors: { ...initError },
+  form: initForm,
+  errors: initError,
 };
 
 const DailyRoundsFormReducer = (state = initialState, action: any) => {
@@ -107,7 +107,8 @@ export const DailyRounds = (props: any) => {
   const [patientName, setPatientName] = useState("");
   const [prevReviewInterval, setPreviousReviewInterval] = useState(-1);
   const [prevAction, setPreviousAction] = useState("NO_ACTION");
-  const [hasPreviousLog, setHasPreviousLog] = useState(false);
+  const [previousLog, setPreviousLog] = useState<any>({});
+
   const headerText = !id ? "Add Consultation Update" : "Info";
   const buttonText = !id ? "Save" : "Continue";
 
@@ -177,7 +178,7 @@ export const DailyRounds = (props: any) => {
         const res = await dispatchAction(
           getDailyReport({ limit: 1, offset: 0 }, { consultationId })
         );
-        setHasPreviousLog(res.data.count > 0);
+        setPreviousLog(res.data.results[0]);
         dispatch({
           type: "set_form",
           form: {
@@ -192,7 +193,7 @@ export const DailyRounds = (props: any) => {
                 RHYTHM_CHOICES.find((i) => i.text === res.data.rhythm)?.id) ||
               "0",
             temperature: parseFloat(res.data.temperature),
-            clone_last: res.data.count > 0 ? true : false,
+            clone_last: false,
           },
         });
       }
@@ -389,6 +390,27 @@ export const DailyRounds = (props: any) => {
     return <Loading />;
   }
 
+  const clonePreviousLog = () => {
+    const fieldsToNotClone = [
+      "taken_at",
+      "created_date",
+      "modified_date",
+      "rounds_type",
+      "patient_category",
+    ];
+
+    const clonedLog = Object.fromEntries(
+      Object.entries(previousLog).filter(
+        ([key]) => !fieldsToNotClone.includes(key)
+      )
+    );
+
+    dispatch({
+      type: "set_form",
+      form: { ...state.form, ...clonedLog, clone_last: true },
+    });
+  };
+
   return (
     <Page
       title={headerText}
@@ -450,182 +472,188 @@ export const DailyRounds = (props: any) => {
           </div>
         </div>
 
-        {!id && hasPreviousLog && (
+        {!id && previousLog && (
           <CheckBoxFormField
             {...field("clone_last")}
+            value={state.form.clone_last}
+            onChange={(e) => {
+              if (e.value) {
+                clonePreviousLog();
+              } else {
+                dispatch({
+                  type: "set_form",
+                  form: initForm,
+                });
+              }
+            }}
             label="Copy values from previous log?"
           />
         )}
 
-        {(state.form.clone_last === false || id) && (
-          <div className="grid grid-cols-1 gap-x-6 md:grid-cols-2">
-            <TextAreaFormField
-              {...field("physical_examination_info")}
-              label="Physical Examination Info"
-              rows={5}
-            />
-            <TextAreaFormField
-              {...field("other_details")}
-              label="Other Details"
-              rows={5}
-            />
-            <SymptomsSelect
-              {...field("additional_symptoms")}
-              label="Symptoms"
-              className="md:col-span-2"
-            />
-
-            {state.form.additional_symptoms?.includes(9) && (
-              <div className="md:col-span-2">
-                <TextAreaFormField
-                  {...field("other_symptoms")}
-                  required
-                  label="Other Symptoms Details"
-                  placeholder="Enter the other symptoms here"
-                />
-              </div>
-            )}
+        <div className="grid grid-cols-1 gap-x-6 md:grid-cols-2">
+          <TextAreaFormField
+            {...field("physical_examination_info")}
+            label="Physical Examination Info"
+            rows={5}
+          />
+          <TextAreaFormField
+            {...field("other_details")}
+            label="Other Details"
+            rows={5}
+          />
+          <SymptomsSelect
+            {...field("additional_symptoms")}
+            label="Symptoms"
+            className="md:col-span-2"
+          />
 
-            <SelectFormField
-              {...field("action")}
-              label="Action"
-              options={TELEMEDICINE_ACTIONS}
-              optionLabel={(option) => option.desc}
-              optionValue={(option) => option.text}
-              value={prevAction}
-              onChange={(event) => {
-                handleFormFieldChange(event);
-                setPreviousAction(event.value);
-              }}
-            />
+          {state.form.additional_symptoms?.includes(9) && (
+            <div className="md:col-span-2">
+              <TextAreaFormField
+                {...field("other_symptoms")}
+                required
+                label="Other Symptoms Details"
+                placeholder="Enter the other symptoms here"
+              />
+            </div>
+          )}
+
+          <SelectFormField
+            {...field("action")}
+            label="Action"
+            options={TELEMEDICINE_ACTIONS}
+            optionLabel={(option) => option.desc}
+            optionValue={(option) => option.text}
+            value={prevAction}
+            onChange={(event) => {
+              handleFormFieldChange(event);
+              setPreviousAction(event.value);
+            }}
+          />
 
-            <SelectFormField
-              {...field("review_interval")}
-              required
-              label="Review After"
-              labelSuffix={getExpectedReviewTime()}
-              options={REVIEW_AT_CHOICES}
-              optionLabel={(option) => option.text}
-              optionValue={(option) => option.id}
-              value={prevReviewInterval}
-              onChange={(event) => {
-                handleFormFieldChange(event);
-                setPreviousReviewInterval(Number(event.value));
-              }}
-            />
+          <SelectFormField
+            {...field("review_interval")}
+            required
+            label="Review After"
+            labelSuffix={getExpectedReviewTime()}
+            options={REVIEW_AT_CHOICES}
+            optionLabel={(option) => option.text}
+            optionValue={(option) => option.id}
+            value={prevReviewInterval}
+            onChange={(event) => {
+              handleFormFieldChange(event);
+              setPreviousReviewInterval(Number(event.value));
+            }}
+          />
 
-            {state.form.rounds_type === "NORMAL" && (
-              <>
-                <h3 className="mb-6 md:col-span-2">Vitals</h3>
-
-                <BloodPressureFormField
-                  {...field("bp")}
-                  label="Blood Pressure"
-                />
-
-                <RangeAutocompleteFormField
-                  {...field("pulse")}
-                  label="Pulse"
-                  unit="bpm"
-                  start={0}
-                  end={200}
-                  step={1}
-                  thresholds={[
-                    {
-                      value: 0,
-                      className: "text-danger-500",
-                      label: "Bradycardia",
-                    },
-                    {
-                      value: 40,
-                      className: "text-primary-500",
-                      label: "Normal",
-                    },
-                    {
-                      value: 100,
-                      className: "text-danger-500",
-                      label: "Tachycardia",
-                    },
-                  ]}
-                />
-
-                <TemperatureFormField
-                  {...field("temperature")}
-                  label="Temperature"
-                />
-
-                <RangeAutocompleteFormField
-                  {...field("resp")}
-                  label="Respiratory Rate"
-                  unit="bpm"
-                  required
-                  start={0}
-                  end={50}
-                  step={1}
-                  thresholds={[
-                    {
-                      value: 0,
-                      className: "text-danger-500",
-                      label: "Bradypnea",
-                    },
-                    {
-                      value: 12,
-                      className: "text-primary-500",
-                      label: "Normal",
-                    },
-                    {
-                      value: 16,
-                      className: "text-danger-500",
-                      label: "Tachypnea",
-                    },
-                  ]}
-                />
-
-                <RangeAutocompleteFormField
-                  {...field("ventilator_spo2")}
-                  label="SPO2"
-                  unit="%"
-                  start={0}
-                  end={100}
-                  step={1}
-                  thresholds={[
-                    {
-                      value: 0,
-                      className: "text-danger-500",
-                      label: "Low",
-                    },
-                    {
-                      value: 90,
-                      className: "text-primary-500",
-                      label: "Normal",
-                    },
-                    {
-                      value: 100,
-                      className: "text-danger-500",
-                      label: "High",
-                    },
-                  ]}
-                />
-
-                <SelectFormField
-                  {...field("rhythm")}
-                  required
-                  label="Rhythm"
-                  options={RHYTHM_CHOICES}
-                  optionLabel={(option) => option.desc}
-                  optionValue={(option) => option.id}
-                />
-
-                <TextAreaFormField
-                  {...field("rhythm_detail")}
-                  className="md:col-span-2"
-                  label="Rhythm Description"
-                  rows={5}
-                />
-              </>
-            )}
-          </div>
-        )}
+          {state.form.rounds_type === "NORMAL" && (
+            <>
+              <h3 className="mb-6 md:col-span-2">Vitals</h3>
+
+              <BloodPressureFormField {...field("bp")} label="Blood Pressure" />
+
+              <RangeAutocompleteFormField
+                {...field("pulse")}
+                label="Pulse"
+                unit="bpm"
+                start={0}
+                end={200}
+                step={1}
+                thresholds={[
+                  {
+                    value: 0,
+                    className: "text-danger-500",
+                    label: "Bradycardia",
+                  },
+                  {
+                    value: 40,
+                    className: "text-primary-500",
+                    label: "Normal",
+                  },
+                  {
+                    value: 100,
+                    className: "text-danger-500",
+                    label: "Tachycardia",
+                  },
+                ]}
+              />
+
+              <TemperatureFormField
+                {...field("temperature")}
+                label="Temperature"
+              />
+
+              <RangeAutocompleteFormField
+                {...field("resp")}
+                label="Respiratory Rate"
+                unit="bpm"
+                required
+                start={0}
+                end={50}
+                step={1}
+                thresholds={[
+                  {
+                    value: 0,
+                    className: "text-danger-500",
+                    label: "Bradypnea",
+                  },
+                  {
+                    value: 12,
+                    className: "text-primary-500",
+                    label: "Normal",
+                  },
+                  {
+                    value: 16,
+                    className: "text-danger-500",
+                    label: "Tachypnea",
+                  },
+                ]}
+              />
+
+              <RangeAutocompleteFormField
+                {...field("ventilator_spo2")}
+                label="SPO2"
+                unit="%"
+                start={0}
+                end={100}
+                step={1}
+                thresholds={[
+                  {
+                    value: 0,
+                    className: "text-danger-500",
+                    label: "Low",
+                  },
+                  {
+                    value: 90,
+                    className: "text-primary-500",
+                    label: "Normal",
+                  },
+                  {
+                    value: 100,
+                    className: "text-danger-500",
+                    label: "High",
+                  },
+                ]}
+              />
+
+              <SelectFormField
+                {...field("rhythm")}
+                required
+                label="Rhythm"
+                options={RHYTHM_CHOICES}
+                optionLabel={(option) => option.desc}
+                optionValue={(option) => option.id}
+              />
+
+              <TextAreaFormField
+                {...field("rhythm_detail")}
+                className="md:col-span-2"
+                label="Rhythm Description"
+                rows={5}
+              />
+            </>
+          )}
+        </div>
 
         <div className="mt-4 flex flex-col-reverse justify-end gap-2 md:flex-row">
           <Cancel onClick={() => goBack()} />