changed column paidby to submitted by

src/components/Expenses/ExpenseFilterPanel.jsx

@@ -23,11 +23,11 @@ const ExpenseFilterPanel = ({ onApply, handleGroupBy }) => {
   const groupByList = useMemo(() => [
     { id: "transactionDate", name: "Transaction Date" },
     { id: "status", name: "Status" },
-    { id: "paidBy", name: "Paid By" },
+    { id: "submittedBy", name: "Submitted By" },
     { id: "project", name: "Project" },
     { id: "paymentMode", name: "Payment Mode" },
     { id: "expensesType", name: "Expense Type" },
-    {id: "createdAt",name:"Submitted"}
+    {id: "createdAt",name:"Submitted Date"}
   ], []);
 
   const [selectedGroup, setSelectedGroup] = useState(groupByList[0]);

src/components/Expenses/ExpenseList.jsx

@@ -4,7 +4,11 @@ import Avatar from "../common/Avatar";
 import { useExpenseContext } from "../../pages/Expense/ExpensePage";
 import { formatDate, formatUTCToLocalTime } from "../../utils/dateUtils";
 import Pagination from "../common/Pagination";
-import { APPROVE_EXPENSE, EXPENSE_DRAFT, EXPENSE_REJECTEDBY } from "../../utils/constants";
+import {
+  APPROVE_EXPENSE,
+  EXPENSE_DRAFT,
+  EXPENSE_REJECTEDBY,
+} from "../../utils/constants";
 import { getColorNameFromHex, useDebounce } from "../../utils/appUtils";
 import { ExpenseTableSkeleton } from "./ExpenseSkeleton";
 import ConfirmModal from "../common/ConfirmModal";
@@ -62,9 +66,9 @@ const ExpenseList = ({ filters, groupBy = "transactionDate",searchText }) => {
         case "status":
           key = item.status?.displayName || "Unknown";
           break;
-        case "paidBy":
+        case "submittedBy":
-          key = `${item.paidBy?.firstName ?? ""} ${
+          key = `${item.createdBy?.firstName ?? ""} ${
-            item.paidBy?.lastName ?? ""
+            item.createdBy?.lastName ?? ""
           }`.trim();
           break;
         case "project":
@@ -102,23 +106,23 @@ const ExpenseList = ({ filters, groupBy = "transactionDate",searchText }) => {
       align: "text-start",
     },
     {
-      key: "paidBy",
+      key: "Submitted By",
-      label: "Paid By",
+      label: "Submitted By",
       align: "text-start",
       getValue: (e) =>
-        `${e.paidBy?.firstName ?? ""} ${e.paidBy?.lastName ?? ""}`.trim() ||
+        `${e.createdBy?.firstName ?? ""} ${e.createdBy?.lastName ?? ""}`.trim() ||
         "N/A",
       customRender: (e) => (
         <div className="d-flex align-items-center">
           <Avatar
             size="xs"
             classAvatar="m-0"
-            firstName={e.paidBy?.firstName}
+            firstName={e.createdBy?.firstName}
-            lastName={e.paidBy?.lastName}
+            lastName={e.createdBy?.lastName}
           />
           <span>
-            {`${e.paidBy?.firstName ?? ""} ${
+            {`${e.createdBy?.firstName ?? ""} ${
-              e.paidBy?.lastName ?? ""
+              e.createdBy?.lastName ?? ""
             }`.trim() || "N/A"}
           </span>
         </div>
@@ -173,9 +177,10 @@ const canEditExpense = (expense) => {
   };
 
   const canDetetExpense = (expense) => {
-  return (expense.status.id === EXPENSE_DRAFT && expense.createdBy.id === SelfId )
+    return (
-}
+      expense.status.id === EXPENSE_DRAFT && expense.createdBy.id === SelfId
-
+    );
+  };
 
   return (
     <>
@@ -288,7 +293,6 @@ const canDetetExpense = (expense)=>{
                                   }}
                                 ></i>
                               )}
-
                             </div>
                           </td>
                         </tr>

src/components/Expenses/ViewExpense.jsx

@@ -113,9 +113,6 @@ const ViewExpense = ({ ExpenseId }) => {
           <hr />
         </div>
         <div className="text-start mb-2">
-          {/* <label className="form-label me-2 mb-0 fw-semibold">
-          Description :
-        </label> */}
           <div className="text-muted">{data?.description}</div>
         </div>
         {/* Row 1 */}
@@ -275,92 +272,8 @@ const ViewExpense = ({ ExpenseId }) => {
             </div>
           </div>
         )}   
-
-        {/* {data.reviewedBy && (
-          <div className="col-md-6 mb-3 text-start">
-            <div className="d-flex align-items-center">
-              <label
-                className="form-label me-2 mb-0 fw-semibold"
-                style={{ minWidth: "130px" }}
-              >
-                Reviewed By :
-              </label>
-              <div className="d-flex align-items-center">
-                <Avatar
-                  size="xs"
-                  classAvatar="m-0"
-                  firstName={data.reviewedBy?.firstName}
-                  lastName={data.reviewedBy?.lastName}
-                />
-                <span className="text-muted">
-                  {`${data.reviewedBy?.firstName ?? ""} ${
-                    data.reviewedBy?.lastName ?? ""
-                  }`.trim() || "N/A"}
-                </span>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {data.approvedBy && (
-          <div className="col-md-6 mb-3 text-start">
-            <div className="d-flex align-items-center">
-              <label
-                className="form-label me-2 mb-0 fw-semibold"
-                style={{ minWidth: "130px" }}
-              >
-                Approved By :{" "}
-              </label>
-              <div className="d-flex align-items-center">
-                <Avatar
-                  size="xs"
-                  classAvatar="m-0"
-                  firstName={data.approvedBy?.firstName}
-                  lastName={data.approvedBy?.lastName}
-                />
-                <span className="text-muted">
-                  {`${data.approvedBy?.firstName ?? ""} ${
-                    data.approvedBy?.lastName ?? ""
-                  }`.trim() || "N/A"}
-                </span>
-              </div>
-            </div>
-          </div>
-        )}
-        {data.processedBy && (
-          <div className="col-md-6 mb-3 text-start">
-            <div className="d-flex align-items-center">
-              <label
-                className="form-label me-2 mb-0 fw-semibold"
-                style={{ minWidth: "130px" }}
-              >
-                Processed By :{" "}
-              </label>
-              <div className="d-flex align-items-center">
-                <Avatar
-                  size="xs"
-                  classAvatar="m-0"
-                  firstName={data.processedBy?.firstName}
-                  lastName={data.processedBy?.lastName}
-                />
-                <span className="text-muted">
-                  {`${data.processedBy?.firstName ?? ""} ${
-                    data.processedBy?.lastName ?? ""
-                  }`.trim() || "N/A"}
-                </span>
-              </div>
-            </div>
-          </div>
-        )} */}
       </div>
     
-
-      {/* <div className="text-start">
-        <label className="form-label me-2 mb-0 fw-semibold">
-          Description :
-        </label>
-        <div className="text-muted">{data?.description}</div>
-      </div> */}
       <div className="col-12  text-start">
         <label className="form-label me-2 mb-0 fw-semibold">Attachment :</label>