Merge pull request #852 from hit-pay/fix-flag-lib

fix: fixed flags lib in orchid
hit-pay · Dec 10, 2024 · 3ab595f · 3ab595f
2 parents a71df16 + 56a9852
commit 3ab595f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/vue/package.json b/packages/vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@orchidui/vue",
   "description": "Orchid UI , Dashboard Ui Library Vue 3 tailwind css",
-  "version": "0.5.532",
+  "version": "0.5.533",
   "type": "module",
   "scripts": {
     "build": "vite build",

diff --git a/packages/vue/src/Elements/AdditionalContent/BalanceType/OcInfoCardButton.vue b/packages/vue/src/Elements/AdditionalContent/BalanceType/OcInfoCardButton.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { Skeleton, Chip, Button } from '@/orchidui'
+import { Skeleton, Chip, Button, Icon } from '@/orchidui'
 
 defineProps({
   isActive: Boolean,
@@ -41,7 +41,7 @@ defineProps({
               v-if="countryIso"
               class="flex justify-center items-center w-[38px] h-[38px] shrink-0 rounded-full bg-oc-gray-100"
             >
-              <div class="fi !w-[24px] !h-[16px] !rounded-[1px]" :class="`fi-${countryIso}`" />
+              <Icon class="!w-[24px] !h-[16px] !rounded-[1px]" :name="`flags/${countryIso.toUpperCase()}`" />
             </div>
             {{ content }}
           </span>

diff --git a/packages/vue/src/Elements/AdditionalContent/OcAdditionalContent.stories.js b/packages/vue/src/Elements/AdditionalContent/OcAdditionalContent.stories.js
@@ -175,7 +175,8 @@ const args = {
     {
       title: 'HitPay Balance',
       content: 'SGD 1,110.00',
-      value: 'hitpay'
+      value: 'hitpay',
+      countryIso: 'US'
     },
     {
       title: 'Card Balance',