add edit category option in settings

Author: devnamdev2003

README.md

@@ -94,12 +94,13 @@ All expenses are stored in the device's **LocalStorage** and reflected immediate
 
 Provides customization and utility options for better personalization:
 
-* 🎨 **Theme Mode Toggle** (Dark / Light)
-* ⬇️ **Download Data**: Export your expenses in **PDF**, **JSON**, or **Excel** formats between the selected date range. Users can also choose **All Data** to export all expense records.
-* 📤 **Import Data** (upload expense data)
-* ➕ **Add Category** (custom categories for better organization)
-* ❌ **Delete Category** (remove unused or incorrect categories)
-* 🔄 **Update App** (Update the application to the latest release)
+* 🎨 **Theme Mode Toggle**  — Dark / Light
+* ⬇️ **Download Data**  —  Export your expenses in **PDF**, **JSON**, or **Excel** formats between the selected date range. Users can also choose **All Data** to export all expense records.
+* 📤 **Import Data** — Upload expense data.
+* 🔄 **Update App** — Update the application to the latest release.
+* ➕ **Add Category** — Create custom categories for better organization.
+* ✏️ **Edit Category** — Modify existing categories.
+* ❌ **Delete Category** — Remove unused or incorrect categories.
 
 ---
 

documentation/components/DownloadComponentComponent.html

@@ -1216,8 +1216,8 @@ <h3 id="inputs">
 
     // Fetch data
     const expenseData: Expense[] &#x3D; this.expenseService.searchByDateRange(fromDate, toDate);
-    const categoryData: Category[] &#x3D; this.categoryService.getAll();
-    const userData: User | {} &#x3D; this.userService.getUserData();
+    const categoryData: Category[] &#x3D; this.categoryService.getAll().filter(item &#x3D;&gt; item.user_id !&#x3D; &#x27;0&#x27;);
+    const userData: User | null &#x3D; this.userService.getUserData();
     const budgetData: Budget[] &#x3D; this.budgetService.getAll();
 
     if (!expenseData || expenseData.length &#x3D;&#x3D;&#x3D; 0) {

documentation/components/SettingsComponent.html

@@ -516,9 +516,9 @@ <h3 id="methods">
 
       // Define style classes for each toast type
       const typeClasses: any &#x3D; {
-        success: &#x27;bg-green-500&#x27;,
-        error: &#x27;bg-red-500&#x27;,
-        info: &#x27;bg-blue-500&#x27;,
+        success: &#x27;bg-green-500 text-white&#x27;,
+        error: &#x27;bg-red-500 text-white&#x27;,
+        info: &#x27;bg-blue-500 text-white&#x27;,
         warning: &#x27;bg-yellow-500 text-black&#x27;,
       };
 

documentation/components/ToastComponent.html

@@ -601,7 +601,7 @@
             <td>SettingsComponent</td>
             <td align="right" data-sort="100">
                 <span class="coverage-percent">100 %</span>
-                <span class="coverage-count">(33/33)</span>
+                <span class="coverage-count">(44/44)</span>
             </td>
         </tr>
         <tr class="very-good">

documentation/coverage.html

@@ -212,12 +212,13 @@ <h3>5. <strong>Budget View</strong></h3>
 <h3>6. <strong>Settings View</strong></h3>
 <p>Provides customization and utility options for better personalization:</p>
 <ul>
-<li>🎨 <strong>Theme Mode Toggle</strong> (Dark / Light)</li>
-<li>⬇️ <strong>Download Data</strong>: Export your expenses in <strong>PDF</strong>, <strong>JSON</strong>, or <strong>Excel</strong> formats between the selected date range. Users can also choose <strong>All Data</strong> to export all expense records.</li>
-<li>📤 <strong>Import Data</strong> (upload expense data)</li>
-<li>➕ <strong>Add Category</strong> (custom categories for better organization)</li>
-<li>❌ <strong>Delete Category</strong> (remove unused or incorrect categories)</li>
-<li>🔄 <strong>Update App</strong> (Update the application to the latest release)</li>
+<li>🎨 <strong>Theme Mode Toggle</strong>  — Dark / Light</li>
+<li>⬇️ <strong>Download Data</strong>  —  Export your expenses in <strong>PDF</strong>, <strong>JSON</strong>, or <strong>Excel</strong> formats between the selected date range. Users can also choose <strong>All Data</strong> to export all expense records.</li>
+<li>📤 <strong>Import Data</strong> — Upload expense data.</li>
+<li>🔄 <strong>Update App</strong> — Update the application to the latest release.</li>
+<li>➕ <strong>Add Category</strong> — Create custom categories for better organization.</li>
+<li>✏️ <strong>Edit Category</strong> — Modify existing categories.</li>
+<li>❌ <strong>Delete Category</strong> — Remove unused or incorrect categories.</li>
 </ul>
 <hr>
 <h2>📱 Mobile-First Design</h2>

documentation/index.html

@@ -328,7 +328,7 @@ <h3 id="methods">
 </div>
 
                         <div class="io-description">
-                            <b>Returns : </b>        <code><a href="../interfaces/User.html" target="_self" >User | literal type</a></code>
+                            <b>Returns : </b>        <code><a href="../interfaces/User.html" target="_self" >User | null</a></code>
 
                         </div>
                             <div class="io-description">
@@ -578,8 +578,8 @@ <h3 id="methods">
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="123"
-                                    class="link-to-prism">src/app/service/localStorage/user.service.ts:123</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="128"
+                                    class="link-to-prism">src/app/service/localStorage/user.service.ts:128</a></div>
                         </td>
                     </tr>
 
@@ -750,9 +750,14 @@ <h3 id="methods">
    *
    * @returns {User | {}} The user object, or empty object if not available.
    */
-  getUserData(): User | {} {
-    if (!this.isBrowser()) return {};
-    return this.storageService.getUser();
+  getUserData(): User | null {
+    if (!this.isBrowser()) return null;
+    const userData &#x3D; this.storageService.getUser();
+    if (userData) {
+      const { ai_key, ...safeUser } &#x3D; userData;
+      return safeUser;
+    }
+    return null;
   }
 
   /**

documentation/injectables/UserService.html

@@ -878,9 +878,14 @@ <h3 id="inputs">Properties</h3>
    *
    * @returns {User | {}} The user object, or empty object if not available.
    */
-  getUserData(): User | {} {
-    if (!this.isBrowser()) return {};
-    return this.storageService.getUser();
+  getUserData(): User | null {
+    if (!this.isBrowser()) return null;
+    const userData &#x3D; this.storageService.getUser();
+    if (userData) {
+      const { ai_key, ...safeUser } &#x3D; userData;
+      return safeUser;
+    }
+    return null;
   }
 
   /**

documentation/interfaces/User.html

@@ -492,8 +492,8 @@ <h3 id="inputs">Properties</h3>
 
     // Fetch data
     const expenseData: Expense[] &#x3D; this.expenseService.searchByDateRange(fromDate, toDate);
-    const categoryData: Category[] &#x3D; this.categoryService.getAll();
-    const userData: User | {} &#x3D; this.userService.getUserData();
+    const categoryData: Category[] &#x3D; this.categoryService.getAll().filter(item &#x3D;&gt; item.user_id !&#x3D; &#x27;0&#x27;);
+    const userData: User | null &#x3D; this.userService.getUserData();
     const budgetData: Budget[] &#x3D; this.budgetService.getAll();
 
     if (!expenseData || expenseData.length &#x3D;&#x3D;&#x3D; 0) {