Merge branch 'css-flags-component' of github.com:candela97/AugmentedS…

…team into candela97-css-flags-component
IsThereAnyDeal · Aug 27, 2024 · 85b73f3 · 85b73f3
2 parents 9614be1 + f32114f
commit 85b73f3
Show file tree

Hide file tree

Showing 5 changed files with 787 additions and 276 deletions.
diff --git a/src/css/flags.css b/src/css/flags.css
diff --git a/src/js/Content/Features/Store/Common/FRegionalPricing.svelte b/src/js/Content/Features/Store/Common/FRegionalPricing.svelte
@@ -6,7 +6,7 @@
     import {L} from "@Core/Localization/Localization";
     import {__regionUnavailable} from "@Strings/_strings";
     import type {PackageDetailsPrice} from "./FRegionalPricing";
-    import "@CSS/flags.css";
+    import FlagIcon from "@Options/Modules/Icons/FlagIcon.svelte";
 
     export let countries: string[];
     export let prices: Record<string, PackageDetailsPrice>;
@@ -79,7 +79,8 @@
     {/if}
     {#each countries as country}
         {@const apiPrice = prices[country]}
-        <div class="es-regprice es-flag es-flag--{country}">
+        <div class="es-regprice">
+        <FlagIcon {country} />
             {#if apiPrice}
                 {@const priceRegion = new Price(apiPrice.final / 100, apiPrice.currency)}
                 {@const priceUser = getPriceUser(priceRegion, country)}