Bug Fixing overall

bizmatch/src/app/pages/subscription/edit-business-listing/edit-business-listing.component.html

@@ -36,16 +36,7 @@
           </div>
           <div class="mb-4">
             <label for="type" class="block font-medium text-900 mb-2">Type of business</label>
-            <p-dropdown
-              id="type"
-              [options]="selectOptions?.typesOfBusiness"
-              [(ngModel)]="listing.type"
-              optionLabel="name"
-              optionValue="value"
-              [showClear]="true"
-              placeholder="Type of business"
-              [style]="{ width: '100%' }"
-            ></p-dropdown>
+            <p-dropdown id="type" [options]="typesOfBusiness" [(ngModel)]="listing.type" optionLabel="name" optionValue="value" [showClear]="true" placeholder="Type of business" [style]="{ width: '100%' }"></p-dropdown>
           </div>
           <div class="grid">
             <div class="mb-4 col-12 md:col-6">

bizmatch/src/app/pages/subscription/edit-business-listing/edit-business-listing.component.ts

@@ -85,6 +85,7 @@ export class EditBusinessListingComponent {
   draggedImage: ImageProperty;
   faTrash = faTrash;
   data: CommercialPropertyListing;
+  typesOfBusiness = [];
   constructor(
     public selectOptions: SelectOptionsService,
     private router: Router,
@@ -109,10 +110,13 @@ export class EditBusinessListingComponent {
         this.data = this.router.getCurrentNavigation().extras.state['data'];
       }
     });
+    this.typesOfBusiness = selectOptions.typesOfBusiness.map(e => {
+      return { name: e.name, value: parseInt(e.value) };
+    });
   }
   async ngOnInit() {
     if (this.mode === 'edit') {
-      this.listing = await lastValueFrom(this.listingsService.getListingById(this.id));
+      this.listing = await lastValueFrom(this.listingsService.getListingById(this.id, 'business'));
     } else {
       this.listing = createGenericObject<BusinessListing>();
       this.listing.listingsCategory = 'business';