Merge pull request #6 from arongida/development

add default image to items
arongida · May 17, 2024 · 00341ca · 00341ca
2 parents c18bedd + 2d0b292
commit 00341ca
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/draft/components/shop/shop.component.html b/src/app/draft/components/shop/shop.component.html
@@ -1,7 +1,7 @@
 @if (shop.length > 0) {
 <div id="shop" class="grid-cols-3 grid-rows-2 gap-5 grid max-w-fit bg-slate-600 rounded-md p-4">
   @for (item of shop; track $index) {
-  <mat-card style="background-image: url({{item.image}});" #tooltip="matTooltip" [matTooltip]="getTooltip(item)"
+  <mat-card [style.background-image]="'url(' + getItemImage(item) + ')'" #tooltip="matTooltip" [matTooltip]="getTooltip(item)"
     matTooltipClass="item-tooltip" matTooltipPosition="right" id="item-{{$index}}"
     class="m-2 w-60 h-80 items-center flex flex-col justify-between" (click)="toggleBuyButton($index.toString())">
     <mat-card-header class="mb-5">

diff --git a/src/app/draft/components/shop/shop.component.ts b/src/app/draft/components/shop/shop.component.ts
@@ -39,9 +39,13 @@ export class ShopComponent {
     Health: ${item.affectedStats.hp} 
     Attack Speed: ${item.affectedStats.attackSpeed} 
     Level: ${item.levelRequirement} 
-    
+
     Description: ${item.description}`;
     return tooltip;
   }
 
+  getItemImage(item: Item): string {
+    return item.image ? item.image : 'https://chungus-battles.b-cdn.net/chungus-battles-assets/Item_ID_21_Cloak_of_Invisibility.png';
+  }
+
 }