feat(item): item tooltips now show the item value

WorldSellerGame · Mar 28, 2023 · 1453dd3 · 1453dd3
1 parent 5fa5391
commit 1453dd3
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/src/app/components/item-tooltip/item-tooltip.component.html b/src/app/components/item-tooltip/item-tooltip.component.html
@@ -3,7 +3,11 @@
   <strong [ngClass]="[itemClass]">{{ item.name }} &middot; {{ item.category }}</strong>
 </div>
 
-<div>
+<div class="value">
+  <em><small>Worth {{ realSellValue(item) | number }} coins</small></em>
+</div>
+
+<div class="description">
   {{ item.description }}
 </div>
 

diff --git a/src/app/components/item-tooltip/item-tooltip.component.scss b/src/app/components/item-tooltip/item-tooltip.component.scss
@@ -1,4 +1,5 @@
 
-.stats, .effects, .gives {
+
+.stats, .effects, .gives, .value, .description {
   margin-top: 5px;
 }
diff --git a/src/app/components/item-tooltip/item-tooltip.component.ts b/src/app/components/item-tooltip/item-tooltip.component.ts
@@ -1,6 +1,8 @@
 import { Component, Input, OnInit } from '@angular/core';
+import { Store } from '@ngxs/store';
 import { IGameItem } from '../../../interfaces';
-import { getItemRarityClass } from '../../helpers';
+import { shopRegisterMultiplier } from '../../../stores/mercantile/mercantile.functions';
+import { getItemRarityClass, itemValue } from '../../helpers';
 import { ContentService } from '../../services/content.service';
 
 @Component({
@@ -21,7 +23,7 @@ export class ItemTooltipComponent implements OnInit {
     return getItemRarityClass(this.item);
   }
 
-  constructor(private contentService: ContentService) { }
+  constructor(private store: Store, private contentService: ContentService) { }
 
   ngOnInit() {
     this.hasStats = Object.keys(this.item.stats || {}).length > 0;
@@ -42,4 +44,9 @@ export class ItemTooltipComponent implements OnInit {
     }
   }
 
+  realSellValue(item: IGameItem) {
+    return itemValue(item,
+      2 + shopRegisterMultiplier(this.store.selectSnapshot(state => state.mercantile.shop.saleBonusLevel ?? 0))) * (item.quantity ?? 1);
+  }
+
 }