Add Doppler Phase to Search Link (#355)

* add phase to search link

* fix: itemInfo typing

* chore: run format

Author: GODrums

src/lib/components/inventory/list_item_modal.ts

@@ -11,11 +11,12 @@ import {listItemModalStyles} from './list_item_modal_styles';
 import {CSFError, CSFErrorCode} from '../../utils/errors';
 import {FetchCSFloatMe} from '../../bridge/handlers/fetch_csfloat_me';
 import {STEAL_ICON, CHEAP_ICON, RECOMMENDED_ICON, EXPENSIVE_ICON} from '../../utils/icons';
+import {getDopplerPhase, hasDopplerPhase} from '../../utils/dopplers';
 
 @CustomElement()
 export class ListItemModal extends FloatElement {
     @property()
-    itemInfo!: ItemInfo;
+    itemInfo: ItemInfo | undefined;
 
     @property()
     asset!: InventoryAsset;
@@ -84,7 +85,14 @@ export class ListItemModal extends FloatElement {
     private readonly MAX_DESCRIPTION_LENGTH = 32;
 
     get searchUrl(): string {
-        return `https://csfloat.com/search?market_hash_name=${encodeURIComponent(this.asset.description.market_hash_name)}`;
+        let extendedMHN = this.asset.description.market_hash_name;
+
+        const paintindex = this.itemInfo?.paintindex;
+        if (paintindex && hasDopplerPhase(paintindex)) {
+            extendedMHN += ` [${getDopplerPhase(paintindex)}]`;
+        }
+
+        return `https://csfloat.com/search?market_hash_name=${encodeURIComponent(extendedMHN)}`;
     }
 
     static styles = [...listItemModalStyles];