src/components/Expenses/ExpenseList.jsx

@@ -171,10 +171,10 @@ const ExpenseList = () => {
                         </span>
                       </div>
                     </td>
-                    <td className="d-none d-md-table-cell text-end"><i className='bx bx-rupee b-xs'></i>{expense?.amount}</td>
+                    <td className="d-none d-md-table-cell text-end"><i className='bx bx-rupee b-xs'></i>{expense.amount}</td>
                     <td>
                       <span
-                      className={`badge bg-label-${getColorNameFromHex(expense?.status?.color) || 'secondary'}`}
+                      className={`badge bg-label-${getColorNameFromHex(expense.status.color) || 'secondary'}`}
                       >
                        
                         {expense.status?.displayName   || "Unknown"}

src/components/Expenses/ViewExpense.jsx

@@ -88,7 +88,7 @@ const ViewExpense = ({ ExpenseId }) => {
         <div className="col-12 col-sm-6 col-md-4 mb-3">
           <div className="d-flex align-items-center">
             <label className="form-label me-2 mb-0 fw-semibold">Status :</label>
-            <span  className={`badge bg-label-${getColorNameFromHex(ExpenseId?.status?.color) || 'secondary'}`}>
+            <span  className={`badge bg-label-${getColorNameFromHex(ExpenseId.status.color) || 'secondary'}`}>
               {ExpenseId.status.displayName}
             </span>
           </div>

src/pages/Expense/ExpensePage.jsx

@@ -50,15 +50,16 @@ const ExpensePage = () => {
               <div className="col-7 col-sm-8 text-end gap-2">
                 <button
                   type="button"
-                  data-bs-toggle="tooltip"
+                  className="btn btn-sm btn-primary me-2"
-                  data-bs-offset="0,8"
+                  onClick={() =>
-                  data-bs-placement="top"
+                    setExpenseModal({
-                  data-bs-custom-class="tooltip"
+                      isOpen: true,
-                  title="Add New Expense"
+                     ExpEdit:null
-                  className={`p-1 me-2 bg-primary rounded-circle `}
+                    })
-                    onClick={() => setNewExpense(true)}
+                  }
                 >
-                  <i className="bx bx-plus fs-4 text-white"></i>
+                  <span className="icon-base bx bx-plus-circle me-1"></span>
+                  Add New
                 </button>
               </div>
             </div>

src/pages/master/MasterTable.jsx

@@ -17,9 +17,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
     "checkLists",
     "isSystem",
     "isActive",
-    "noOfPersonsRequired",
+    "noOfPersonsRequired"
-    "color",
-    "displayName"
   ];
 
   const safeData = Array.isArray(data) ? data : [];