From 9e18dda02f434b410a2dbe0fa5887d4a3b4ec4a7 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Mon, 10 Nov 2025 17:08:23 +0530
Subject: [PATCH] Adding End Date at the view Recurring Expense.

---
 .../RecurringExpense/ViewRecurringExpense.jsx | 37 +++++++++----------
 1 file changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/components/RecurringExpense/ViewRecurringExpense.jsx b/src/components/RecurringExpense/ViewRecurringExpense.jsx
index 34d5650e..5c9d2baa 100644
--- a/src/components/RecurringExpense/ViewRecurringExpense.jsx
+++ b/src/components/RecurringExpense/ViewRecurringExpense.jsx
@@ -31,9 +31,8 @@ const ViewRecurringExpense = ({ RecurringId }) => {
           <div className="col-12 d-flex justify-content-between text-start fw-semibold my-2 mb-4">
             <span>{data?.recurringPaymentUID}</span>
             <span
-              className={`badge bg-label-${
-                statusColorMap[data?.status?.id] || "secondary"
-              }`}
+              className={`badge bg-label-${statusColorMap[data?.status?.id] || "secondary"
+                }`}
             >
               {data?.status?.name || "N/A"}
             </span>
@@ -68,8 +67,8 @@ const ViewRecurringExpense = ({ RecurringId }) => {
               <div className="text-muted">
                 {data?.amount != null
                   ? `${data?.currency?.symbol ?? "¥"} ${Number(
-                      data.amount
-                    ).toFixed(2)} ${data?.currency?.currencyCode ?? "CN"}`
+                    data.amount
+                  ).toFixed(2)} ${data?.currency?.currencyCode ?? "CN"}`
                   : "N/A"}
               </div>
             </div>
@@ -147,11 +146,11 @@ const ViewRecurringExpense = ({ RecurringId }) => {
               <div className="text-muted" style={{ textAlign: "left" }}>
                 {data?.notifyTo?.length > 0
                   ? data.notifyTo?.map((user, index) => (
-                      <span key={user.id}>
-                        {user.email}
-                        {index < data?.notifyTo?.length - 1 && ", "}
-                      </span>
-                    ))
+                    <span key={user.id}>
+                      {user.email}
+                      {index < data?.notifyTo?.length - 1 && ", "}
+                    </span>
+                  ))
                   : "N/A"}
               </div>
             </div>
@@ -234,10 +233,12 @@ const ViewRecurringExpense = ({ RecurringId }) => {
                 className="form-label me-2 mb-0 fw-semibold text-start"
                 style={{ minWidth: "130px" }}
               >
-                Number of Iteration :
+                End Date :
               </label>
-              <div className="text-muted">
-                {data?.numberOfIteration || "N/A"}
+              <div className="text-muted" style={{ textAlign: "left" }}>
+                {data?.endDate
+                  ? formatUTCToLocalTime(data.endDate, true)
+                  : "N/A"}
               </div>
             </div>
           </div>
@@ -259,9 +260,8 @@ const ViewRecurringExpense = ({ RecurringId }) => {
                 lastName={data?.createdBy?.lastName}
               />
               <span className="text-muted">
-                {`${data?.createdBy?.firstName ?? ""} ${
-                  data?.createdBy?.lastName ?? ""
-                }`.trim() || "N/A"}
+                {`${data?.createdBy?.firstName ?? ""} ${data?.createdBy?.lastName ?? ""
+                  }`.trim() || "N/A"}
               </span>
             </div>
           </div>
@@ -283,9 +283,8 @@ const ViewRecurringExpense = ({ RecurringId }) => {
                     lastName={data.updatedBy.lastName}
                   />
                   <span className="text-muted">
-                    {`${data.updatedBy.firstName ?? ""} ${
-                      data.updatedBy.lastName ?? ""
-                    }`.trim() || "N/A"}
+                    {`${data.updatedBy.firstName ?? ""} ${data.updatedBy.lastName ?? ""
+                      }`.trim() || "N/A"}
                   </span>
                 </>
               </div>