From 1e49cf17a2434cb4f4d4d074fd46232a6489be48 Mon Sep 17 00:00:00 2001
From: "pramod.mahajan" <pramod.mahajan@marcoaiot.com>
Date: Sat, 4 Oct 2025 16:25:28 +0530
Subject: [PATCH] addd dropdown at expense table action

---
 src/components/Expenses/ExpenseList.jsx | 79 ++++++++++++++++++-------
 src/components/Layout/Header.jsx        |  4 +-
 2 files changed, 59 insertions(+), 24 deletions(-)

diff --git a/src/components/Expenses/ExpenseList.jsx b/src/components/Expenses/ExpenseList.jsx
index 31888f70..c346a49c 100644
--- a/src/components/Expenses/ExpenseList.jsx
+++ b/src/components/Expenses/ExpenseList.jsx
@@ -112,10 +112,10 @@ const ExpenseList = ({ filters, groupBy = "transactionDate", searchText }) => {
   };
 
   const expenseColumns = [
-     {
+    {
       key: "expenseUId",
       label: "Expense Id",
-      getValue: (e) => e.expenseUId|| "N/A",
+      getValue: (e) => e.expenseUId || "N/A",
       align: "text-start mx-2",
     },
     {
@@ -294,26 +294,61 @@ const ExpenseList = ({ filters, groupBy = "transactionDate", searchText }) => {
                                   })
                                 }
                               ></i>
-                              {canEditExpense(expense) && (
-                                <i
-                                  className="bx bx-edit text-secondary cursor-pointer"
-                                  onClick={() =>
-                                    setManageExpenseModal({
-                                      IsOpen: true,
-                                      expenseId: expense.id,
-                                    })
-                                  }
-                                ></i>
-                              )}
-                              {canDetetExpense(expense) && (
-                                <i
-                                  className="bx bx-trash text-danger cursor-pointer"
-                                  onClick={() => {
-                                    setIsDeleteModalOpen(true);
-                                    setDeletingId(expense.id);
-                                  }}
-                                ></i>
-                              )}
+                              {canDetetExpense(expense) &&
+                                canEditExpense(expense) && (
+                                  <div className="dropdown z-2">
+                                    <button
+                                      type="button"
+                                      className="btn btn-xs btn-icon btn-text-secondary rounded-pill dropdown-toggle hide-arrow p-0 m-0"
+                                      data-bs-toggle="dropdown"
+                                      aria-expanded="false"
+                                    >
+                                      <i
+                                        className="bx bx-dots-vertical-rounded text-muted p-0"
+                                        data-bs-toggle="tooltip"
+                                        data-bs-offset="0,8"
+                                        data-bs-placement="top"
+                                        data-bs-custom-class="tooltip-dark"
+                                        title="More Action"
+                                      ></i>
+                                    </button>
+                                    <ul className="dropdown-menu dropdown-menu-end w-auto">
+                                      {canDetetExpense(expense) && (
+                                        <li
+                                          onClick={() =>
+                                            setManageExpenseModal({
+                                              IsOpen: true,
+                                              expenseId: expense.id,
+                                            })
+                                          }
+                                        >
+                                          <a className="dropdown-item px-2 cursor-pointer py-1">
+                                            <i className="bx bx-edit text-primary  bx-xs me-2"></i>
+                                            <span className="align-left ">
+                                              Modify
+                                            </span>
+                                          </a>
+                                        </li>
+                                      )}
+
+                                      {canDetetExpense(expense) && (
+                                        <li
+                                          onClick={() => {
+                                            setIsDeleteModalOpen(true);
+                                            setDeletingId(expense.id);
+                                          }}
+                                        >
+                                          <a className="dropdown-item  px-2 cursor-pointer py-1">
+                                            <i className="bx bx-trash text-danger  bx-xs me-2"></i>
+                                            <span className="align-left">
+                                              Delete
+                                            </span>
+                                          </a>
+                                        </li>
+                                      )}
+                                    </ul>
+                                  </div>
+                                )}
                             </div>
                           </td>
                         </tr>
diff --git a/src/components/Layout/Header.jsx b/src/components/Layout/Header.jsx
index c75851c2..e2d10ebf 100644
--- a/src/components/Layout/Header.jsx
+++ b/src/components/Layout/Header.jsx
@@ -40,11 +40,11 @@ const Header = () => {
   const isProjectPath = pathname === "/projects";
   const isDirectory = pathname === "/directory";
   const isEmployeeList = pathname === "/employees";
-  const isExpense = pathname === "/expenses";
+  // const isExpense = pathname === "/expenses";
   const isEmployeeProfile = UUID_REGEX.test(pathname);
 
   const hideDropPaths =
-    isDirectory || isEmployeeList || isExpense || isEmployeeProfile;
+    isDirectory || isEmployeeList  || isEmployeeProfile;
 
   const showProjectDropdown = !hideDropPaths;