From ba42cede6a5369bcc0096e739ed9b416d7e7ff38 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Fri, 7 Nov 2025 10:16:23 +0530
Subject: [PATCH] =?UTF-8?q?=E2=80=9CError=20=E2=80=98Something=20Went=20Wr?=
 =?UTF-8?q?ong=E2=80=99=20When=20Selecting=20Any=20Value=20from=20Category?=
 =?UTF-8?q?=20Dropdown=20in=20Dashboard=20>=20Monthly=20Expense=20Card?=
 =?UTF-8?q?=E2=80=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Dashboard/ExpenseByProject.jsx | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/Dashboard/ExpenseByProject.jsx b/src/components/Dashboard/ExpenseByProject.jsx
index d59c9522..7c0e829f 100644
--- a/src/components/Dashboard/ExpenseByProject.jsx
+++ b/src/components/Dashboard/ExpenseByProject.jsx
@@ -35,7 +35,7 @@ const ExpenseByProject = () => {
 
   const getSelectedTypeName = () => {
     if (!selectedType) return "All Types";
-    const found = ExpenseTypes.find((t) => t.id === selectedType);
+    const found = ExpenseCategories.find((t) => t.id === selectedType);
     return found ? found.name : "All Types";
   };
 
@@ -69,8 +69,8 @@ const ExpenseByProject = () => {
 
 
   const ExpenseCategoryType = [
-    {id:1,category:"Category",label:"Category"},
-    {id:2,category:"Project",label:"Project"}
+    { id: 1, category: "Category", label: "Category" },
+    { id: 2, category: "Project", label: "Project" }
   ]
 
   return (
@@ -91,19 +91,19 @@ const ExpenseByProject = () => {
             >
               {viewMode}
             </button>
-             <ul className="dropdown-menu dropdown-menu-end ">
-              {ExpenseCategoryType.map((cat)=>(
-                   <li>
-                <button
-                  className="dropdown-item"
-                  onClick={() => {
-                    setViewMode(cat.category);
-                    setSelectedType("");
-                  }}
-                >
-                  {cat.label}
-                </button>
-              </li>
+            <ul className="dropdown-menu dropdown-menu-end ">
+              {ExpenseCategoryType.map((cat) => (
+                <li>
+                  <button
+                    className="dropdown-item"
+                    onClick={() => {
+                      setViewMode(cat.category);
+                      setSelectedType("");
+                    }}
+                  >
+                    {cat.label}
+                  </button>
+                </li>
               ))}
             </ul>
           </div>
@@ -115,8 +115,8 @@ const ExpenseByProject = () => {
             <button
               key={item}
               className={`border-0 px-2 py-1 text-sm rounded ${range === item
-                  ? "text-white bg-primary"
-                  : "text-body bg-transparent"
+                ? "text-white bg-primary"
+                : "text-body bg-transparent"
                 }`}
               style={{ cursor: "pointer", transition: "all 0.2s ease" }}
               onClick={() => setRange(item)}