add help support

Author: devnamdev2003

public/assets/img/icon/icons8-help-50.png

@@ -14,6 +14,7 @@
                 <app-settings *ngSwitchCase="'settings'"></app-settings>
                 <app-budget *ngSwitchCase="'budget'"></app-budget>
                 <app-ai *ngSwitchCase="'ai'"></app-ai>
+                <app-help-dashboard *ngSwitchCase="'help'"></app-help-dashboard>
                 <app-home *ngSwitchDefault></app-home>
             </ng-container>
         </main>

src/app/features/expense-wise/expense-wise.component.html

@@ -17,6 +17,7 @@ import { AiComponent } from '../../features/ai/ai.component';
 import { SectionService } from '../../service/section/section.service';
 import { ScreenTypeService } from '../../service/screen-type/screen-type.service';
 import { NativeAppServiceService } from '../../service/native-app/native-app-service.service';
+import { HelpDashboard } from '../help-dashboard/help-dashboard';
 /**
  * Root component of the application.
  * Manages global state, mobile view detection, section tracking,
@@ -27,7 +28,7 @@ import { NativeAppServiceService } from '../../service/native-app/native-app-ser
   standalone: true,
   imports: [
     NavbarComponent, SidebarComponent, FooterComponent, ToastComponent, CommonModule, AddExpenseComponent,
-    SettingsComponent, ListExpensesComponent, HomeComponent, BudgetComponent, CalendarComponent, AiComponent
+    SettingsComponent, ListExpensesComponent, HomeComponent, BudgetComponent, CalendarComponent, AiComponent, HelpDashboard
   ],
   templateUrl: './expense-wise.component.html',
   styleUrl: './expense-wise.component.css'

src/app/features/expense-wise/expense-wise.component.ts

@@ -49,6 +49,13 @@ <h2 class="text-xl font-semibold text-[var(--color-accent)] mb-3">
             </button>
         </app-setting-item>
 
+        <!-- <app-setting-item label="Help & Support">
+            <button (click)="openHelpCenter('help', $event)"
+                class="p-2 rounded-lg bg-[var(--color-accent)] hover:opacity-90 transition flex items-center justify-center">
+                <img src="assets/img/icon/icons8-help-50.png" alt="Update" class="w-5 h-5"
+                    style="filter: invert(100%);" />
+            </button>
+        </app-setting-item> -->
     </div>
 
     <!-- 🧩 CATEGORY SETTINGS -->

src/app/features/settings/settings.component.html

@@ -15,6 +15,7 @@ import { BudgetService } from '../../service/localStorage/budget.service';
 import { UserData } from '../../component/settings-components/download-component/download-component.component';
 import { GlobalLoaderService } from '../../service/global-loader/global-loader.service';
 import { PostApiService } from '../../service/backend-api/post/post-api.service';
+import { SectionService } from '../../service/section/section.service';
 /**
  * @component
  * @description
@@ -102,6 +103,7 @@ export class SettingsComponent {
     private toastService: ToastService,
     private globalLoaderService: GlobalLoaderService,
     private postApiService: PostApiService,
+    private sectionService: SectionService
   ) { }
 
   /** 
@@ -200,19 +202,21 @@ export class SettingsComponent {
       this.deleteCategoryForm.markAllAsTouched();
       return;
     }
-    const category_id = this.deleteCategoryForm.value;
-    this.categoryService.delete(category_id.category_id);
-    this.toastService.show(`Category deleted succesfully.`, 'success');
-    this.closeDeleteCategoryModal();
-    const existingCategories: Category[] = this.categoryService.getAll();
-    let userId = this.userService.getValue<string>('id') || '0';
-    if (existingCategories.some(cat => cat.user_id === userId)) {
-      this.showEditCategoryOption = true;
-      this.showDeleteCategoryOption = true;
-    }
-    else {
-      this.showEditCategoryOption = false;
-      this.showDeleteCategoryOption = false;
+    if (confirm('Are you sure you want to delete this category?')) {
+      const category_id = this.deleteCategoryForm.value;
+      this.categoryService.delete(category_id.category_id);
+      this.toastService.show(`Category deleted succesfully.`, 'success');
+      this.closeDeleteCategoryModal();
+      const existingCategories: Category[] = this.categoryService.getAll();
+      let userId = this.userService.getValue<string>('id') || '0';
+      if (existingCategories.some(cat => cat.user_id === userId)) {
+        this.showEditCategoryOption = true;
+        this.showDeleteCategoryOption = true;
+      }
+      else {
+        this.showEditCategoryOption = false;
+        this.showDeleteCategoryOption = false;
+      }
     }
   }
 
@@ -537,4 +541,9 @@ export class SettingsComponent {
   backupData(): void {
     this.postApiService.postUserData(true);
   }
+
+  openHelpCenter(section: string, event: Event): void {
+    event.preventDefault();
+    this.sectionService.setSection(section);
+  }
 }

src/app/features/settings/settings.component.ts

@@ -34,4 +34,13 @@ export class SectionService {
   setSection(section: string): void {
     this.sectionSource.next(section);
   }
+
+  getFullUrl(): string {
+    return window.location.href;
+  }
+  
+  getPathOnly(): string {
+    return window.location.pathname;
+  }
+
 }