refactor user accounts structure

src/app/domains/superAdmin/modules/consumers/views/single.component.ts

@@ -0,0 +1,57 @@
+import { BreadcrumbService } from '@/core/services';
+import { AppCardComponent, KeyValueComponent } from '@/shared/components';
+import { Component, computed, effect, inject, signal } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { ConsumerAccountListComponent } from '../components/accounts/list.component';
+import { ConsumerBusinessActivitiesComponent } from '../components/businessActivities/list.component';
+import { ConsumerUserFormComponent } from '../components/form.component';
+import { superAdminConsumersNamedRoutes } from '../constants';
+import { ConsumerStore } from '../store/consumer.store';
+
+@Component({
+  selector: 'consumer-user',
+  templateUrl: './single.component.html',
+  imports: [
+    AppCardComponent,
+    KeyValueComponent,
+    ConsumerUserFormComponent,
+    ConsumerAccountListComponent,
+    ConsumerBusinessActivitiesComponent,
+  ],
+})
+export class ConsumerComponent {
+  private readonly store = inject(ConsumerStore);
+  private readonly route = inject(ActivatedRoute);
+  private readonly breadcrumbService = inject(BreadcrumbService);
+
+  readonly consumerId = signal<string>(this.route.snapshot.paramMap.get('consumerId')!);
+  editMode = signal<boolean>(false);
+
+  readonly loading = computed(() => this.store.loading());
+  readonly consumer = computed(() => this.store.entity());
+
+  constructor() {
+    effect(() => {
+      if (this.consumer()?.id) {
+        this.setBreadcrumb();
+      }
+    });
+  }
+
+  getData() {
+    this.store.getData(this.consumerId());
+  }
+
+  setBreadcrumb() {
+    this.breadcrumbService.setItems([
+      {
+        ...superAdminConsumersNamedRoutes.consumers.meta,
+        routerLink: superAdminConsumersNamedRoutes.consumers.meta.pagePath!(),
+      },
+      {
+        title: this.consumer()?.fullname,
+        routerLink: superAdminConsumersNamedRoutes.consumer.meta.pagePath!(this.consumerId()),
+      },
+    ]);
+  }
+}