Favorites #19, Social Media Start #53

bizmatch/src/app/pages/details/details-business-listing/details-business-listing.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
 import { KeycloakService } from 'keycloak-angular';
+import { ShareButton } from 'ngx-sharebuttons/button';
 import { lastValueFrom } from 'rxjs';
 import { BusinessListing, User } from '../../../../../../bizmatch-server/src/models/db.model';
 import { KeycloakUser, MailInfo } from '../../../../../../bizmatch-server/src/models/main.model';
@@ -21,7 +22,7 @@ import { createMailInfo, map2User } from '../../../utils/utils';
 @Component({
   selector: 'app-details-business-listing',
   standalone: true,
-  imports: [SharedModule, ValidatedInputComponent, ValidatedTextareaComponent],
+  imports: [SharedModule, ValidatedInputComponent, ValidatedTextareaComponent, ShareButton],
   providers: [],
   templateUrl: './details-business-listing.component.html',
   styleUrl: '../details.scss',
@@ -145,4 +146,11 @@ export class DetailsBusinessListingComponent {
     }
     return result;
   }
+  save() {
+    this.listing.favoritesForUser.push(this.user.email);
+    this.listingsService.save(this.listing, 'business');
+  }
+  isAlreadyFavorite() {
+    return this.listing.favoritesForUser.includes(this.user.email);
+  }
 }