widthdraw and deposit

src/views/base/home/components/AssetsSection.vue

@@ -1,36 +1,82 @@
 <template>
   <div class="bg-primary rounded-lg p-2 py-3 mt-2">
-    <div class="flex justify-center text-tertiary w-full z-20">
+    <div v-if="meta?.has_count_based_products" class="flex justify-center text-tertiary w-full z-20">
       محصولات:
-      <div class="text-l mr-2 font-bold">{{ userStore?.userInfo?.wallet?.count_product ?? 0 }} عدد</div>
-    </div>
-    <div v-if="!isBoursecuProject()" class="flex mt-2 justify-center text-tertiary w-full z-20">
-      {{ metalAssetLabel }}:
-      <div class="text-l mr-2 font-bold">{{ (userStore?.userInfo?.wallet?.count_gold ?? 0).toFixed(3) }} {{ weightUnit }}</div>
-      <BasicIcon @click="$emit('openGoldModal')" icon="vuesax-linear:info-circle" size="18" color="tertiary" />
+      <div class="text-l mr-2 font-bold">{{ countBasedInventory }} عدد</div>
     </div>
+    <template v-if="meta?.single_metal && primaryMetalTotal">
+      <div class="flex mt-2 justify-center text-tertiary w-full z-20">
+        {{ primaryMetalTotal.label }}:
+        <div class="text-l mr-2 font-bold">{{ formatMetalTotal(primaryMetalTotal) }}</div>
+        <BasicIcon
+          icon="vuesax-linear:info-circle"
+          size="18"
+          color="tertiary"
+          @click="$emit('openGoldModal')"
+        />
+      </div>
+    </template>
+    <template v-else>
+      <div
+        v-for="metal in metalTotals"
+        :key="metal.metal_id"
+        class="flex mt-2 justify-center text-tertiary w-full z-20"
+      >
+        {{ metal.label }}:
+        <div class="text-l mr-2 font-bold">{{ formatMetalTotal(metal) }}</div>
+        <BasicIcon
+          v-if="metal.metal_id === metalTotals[0]?.metal_id"
+          icon="vuesax-linear:info-circle"
+          size="18"
+          color="tertiary"
+          @click="$emit('openGoldModal')"
+        />
+      </div>
+    </template>
     <div class="flex mt-2 justify-center text-tertiary w-full z-20">
       دارایی ریالی:
-      <div class="text-l mr-2 font-bold">{{ usePriceWithoutType(userStore?.userInfo?.wallet?.count_cash ?? 0) }} ریال</div>
+      <div class="text-l mr-2 font-bold">{{ usePriceWithoutType(cashWallet) }} ریال</div>
       <BasicIcon @click="$emit('openRialModal')" icon="vuesax-linear:info-circle" size="18" color="tertiary" />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useUserStore } from '@/store/userStore'
+import { computed, onMounted } from 'vue'
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
-import {usePriceWithoutType} from "../../../../utils/usePrice";
-import { isBoursecuProject } from '@/utils/config'
-import { getMetalAssetLabel, getWeightUnit } from '@/utils/productDealMethod'
+import { usePriceWithoutType } from '@/utils/usePrice'
+import { useWalletAssets } from '@/composables/useWalletAssets'
+import type { WalletMetalTotal } from '@/models/walletAssets'
 
-const userStore = useUserStore()
-const metalAssetLabel = computed(() => getMetalAssetLabel())
-const weightUnit = computed(() => getWeightUnit())
+const { assetsSummary, loadWalletAssets } = useWalletAssets()
 
 defineEmits<{
   openGoldModal: []
   openRialModal: []
 }>()
-</script>
+
+const meta = computed(() => assetsSummary.value?.meta)
+const metalTotals = computed(() => assetsSummary.value?.metal_totals ?? [])
+const primaryMetalTotal = computed(() => metalTotals.value[0])
+const cashWallet = computed(() => assetsSummary.value?.cash_wallet ?? 0)
+const inventoryCards = computed(() => assetsSummary.value?.inventory_cards ?? [])
+const countBasedInventory = computed(() =>
+  (assetsSummary.value?.count_products ?? []).reduce((sum, item) => sum + Number(item.quantity ?? 0), 0)
+)
+
+onMounted(() => {
+  void loadWalletAssets()
+})
+
+function summaryMetalWeight(metal: WalletMetalTotal) {
+  if (inventoryCards.value.length > 0) {
+    return metal.product_weight
+  }
+
+  return metal.total_weight
+}
+
+function formatMetalTotal(metal: WalletMetalTotal) {
+  return `${summaryMetalWeight(metal)}${metal.unit}`
+}
+</script>