Direction ids property for workshop

src/app/shared/components/workshop-card/workshop-card.component.html

@@ -27,7 +27,7 @@
           </a>
           {{ workshopData.title }}
         </mat-card-title>
-        <ng-container *ngFor="let id of workshopData.directionsId">
+        <ng-container *ngFor="let id of workshopData.directionIds">
           <img class="img" mat-card-image [src]="categoryIcons[id]" />
         </ng-container>
       </mat-card-header>

src/app/shared/components/workshop-card/workshop-card.component.spec.ts

@@ -48,7 +48,7 @@ describe('WorkshopCardComponent', () => {
       description: '',
       direction: '',
       rating: 1,
-      directionsId: [],
+      directionIds: [],
       address: {
         codeficatorAddressDto: {},
         street: '',

src/app/shared/components/workshop-card/workshop-card.component.ts

@@ -42,18 +42,15 @@ export class WorkshopCardComponent implements OnInit, OnDestroy {
   canChangeWorkshopStatus: boolean;
   workshopData: ProviderWorkshopCard | WorkshopCard;
 
-  private favoriteWorkshopId: string;
-
   @Input() set workshop(workshop: WorkshopCard) {
     this.workshopData = workshop;
     this.imagesService.setWorkshopCoverImage(workshop);
   }
-
   @Input() isCabinetView: boolean = false;
   @Input() isHorizontalView = false;
   @Input() isCreateFormView = false;
 
-  @Output() deleteWorkshop = new EventEmitter<WorkshopCard>();
+  @Output() deleteWorkshop = new EventEmitter<WorkshopCard | ProviderWorkshopCard>();
 
   @Select(UserState.favoriteWorkshops)
   favoriteWorkshops$: Observable<Favorite[]>;
@@ -62,6 +59,8 @@ export class WorkshopCardComponent implements OnInit, OnDestroy {
   role: Role;
   destroy$: Subject<boolean> = new Subject<boolean>();
 
+  private favoriteWorkshopId: string;
+
   constructor(private store: Store, private dialog: MatDialog, private imagesService: ImagesService) {}
 
   ngOnInit(): void {

src/app/shared/models/workshop.model.ts

@@ -23,8 +23,7 @@ export class Workshop {
   teachers: Teacher[];
   rating?: number;
   numberOfRatings?: number;
-  direction: string;
-  directions: Direction[];
+  directionIds: number[];
   providerId: string;
   providerTitle?: string;
   payRate?: string;
@@ -116,7 +115,7 @@ export class WorkshopSectionItem extends SectionItem {
 export interface WorkshopBaseCard {
   workshopId: string;
   title: string;
-  directionsId: number[];
+  directionIds: number[];
   coverImageId?: string;
 }
 
@@ -146,7 +145,6 @@ export interface WorkshopCard extends WorkshopBaseCard {
   maxAge: number;
   minAge: number;
   price: number;
-  directionsId: number[];
   address: Address;
 }
 

src/app/shared/services/images/images.service.ts

@@ -3,20 +3,19 @@ import { environment } from 'src/environments/environment';
 import { Constants } from '../../constants/constants';
 import { CategoryIcons } from '../../enum/category-icons';
 import { Provider } from '../../models/provider.model';
-import { Workshop, WorkshopCard } from '../../models/workshop.model';
+import { ProviderWorkshopCard, Workshop, WorkshopCard } from '../../models/workshop.model';
 import { imgPath } from 'src/app/shared/models/carousel.model';
 
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class ImagesService {
+  constructor() {}
 
-  constructor() { }
-
-  setWorkshopCoverImage(workshop: WorkshopCard): WorkshopCard {
-    workshop['_meta'] = workshop.coverImageId ?
-    environment.storageUrl + workshop.coverImageId :
-      CategoryIcons[workshop.directionsId[0]];
+  setWorkshopCoverImage(workshop: WorkshopCard | ProviderWorkshopCard): WorkshopCard | ProviderWorkshopCard {
+    workshop['_meta'] = workshop.coverImageId
+      ? environment.storageUrl + workshop.coverImageId
+      : CategoryIcons[workshop.directionIds[0]];
     return workshop;
   }