|
|
@@ -54,6 +54,18 @@
|
|
|
currency: currency ? currency : 'USD'
|
|
|
});
|
|
|
}
|
|
|
+
|
|
|
+ function getFlag(code) {
|
|
|
+ const market = code.includes(':') ? code.split(':')[0].toUpperCase() : code.toUpperCase();
|
|
|
+
|
|
|
+ const country = {
|
|
|
+ BVMF: 'br',
|
|
|
+ FRA: 'de',
|
|
|
+ ETR: 'eu',
|
|
|
+ };
|
|
|
+
|
|
|
+ return country[market] || 'us';
|
|
|
+ }
|
|
|
</script>
|
|
|
|
|
|
<svelte:head>
|
|
|
@@ -79,7 +91,14 @@
|
|
|
{#each filteredResults as stock}
|
|
|
<div class="card">
|
|
|
<div class="stock-info">
|
|
|
- <div class="stock-code">{stock.code}</div>
|
|
|
+ <div class="stock-code">
|
|
|
+ <img
|
|
|
+ src={`https://flagcdn.com/16x12/${getFlag(stock.code)}.png`}
|
|
|
+ alt="{getFlag(stock.code)} flag"
|
|
|
+ class="flag-icon"
|
|
|
+ />
|
|
|
+ {stock.code}
|
|
|
+ </div>
|
|
|
<div class="stock-name">{stock.name}</div>
|
|
|
</div>
|
|
|
<div class="stock-details">
|