fix some bugs

src/views/base/home/desktop/components/DesktopAssetsMetrics.vue

@@ -2,6 +2,7 @@
 import { computed } from 'vue'
 import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import BoursecuAssetsSummary from '../../components/BoursecuAssetsSummary.vue'
+import PortfolioOverview from '../../components/PortfolioOverview.vue'
 import { formatWeightAmount, usePriceWithoutType } from '@/utils/usePrice'
 import { useWalletAssets } from '@/composables/useWalletAssets'
 import type { WalletMetalTotal } from '@/models/walletAssets'
@@ -24,6 +25,7 @@ const cashWallet = computed(() => assetsSummary.value?.cash_wallet ?? 0)
 const countBasedInventory = computed(() =>
   (assetsSummary.value?.count_products ?? []).reduce((sum, item) => sum + Number(item.quantity ?? 0), 0),
 )
+const showLegacyMetrics = computed(() => !assetsSummary.value?.portfolio)
 
 type MetricItem = {
   id: string
@@ -101,7 +103,10 @@ function handleInfo(metric: MetricItem) {
     icon-color="tertiary"
   />
 
-  <div v-else class="dhome-metrics">
+  <template v-else>
+    <PortfolioOverview variant="desktop" />
+
+    <div v-if="showLegacyMetrics" class="dhome-metrics">
     <article v-for="metric in metrics" :key="metric.id" class="dhome-metric-tile">
       <div class="dhome-metric-tile__head">
         <span class="dhome-metric-tile__label">{{ metric.label }}</span>
@@ -117,5 +122,6 @@ function handleInfo(metric: MetricItem) {
       </div>
       <p class="dhome-metric-tile__value">{{ metric.value }}</p>
     </article>
-  </div>
+    </div>
+  </template>
 </template>

src/views/base/home/desktop/components/DesktopHomeAlerts.vue

@@ -1,36 +1,15 @@
 <script setup lang="ts">
-import { computed, inject } from 'vue'
-import { useUserStore } from '@/store/userStore'
-import { usePriceWithoutType } from '@/utils/usePrice'
+import { inject } from 'vue'
 import { isBoursecuProject } from '@/utils/config'
-import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
 import { HOME_PAGE_CONTEXT_KEY } from '../../composables/useHomePage'
 
 const ctx = inject(HOME_PAGE_CONTEXT_KEY)!
-const userStore = useUserStore()
 const isBoursecu = isBoursecuProject()
-
-const showLimitedPrice = computed(
-  () =>
-    ctx.limitedPrice.value !== undefined &&
-    userStore.userInfo?.trade_active !== 1,
-)
-
-const limitedPriceText = computed(() =>
-  usePriceWithoutType(Number(ctx.limitedPrice.value?.value ?? 0)),
-)
 </script>
 
 <template>
-  <div v-if="showLimitedPrice || ctx.showClosedMessage.value" class="dhome-alerts">
-    <div v-if="showLimitedPrice" class="dhome-alert dhome-alert--warning">
-      <BasicIcon icon="vuesax-linear:info-circle" size="14" />
-      <span>
-        حداقل مبلغ اولیه برای ثبت سفارش {{ limitedPriceText }} ریال می‌باشد.
-      </span>
-    </div>
+  <div v-if="!isBoursecu && ctx.showClosedMessage.value" class="dhome-alerts">
     <div
-      v-if="!isBoursecu && ctx.showClosedMessage.value"
       class="dhome-alert dhome-alert--info"
       v-html="ctx.closedMessage.value"
     />

src/views/base/home/desktop/layouts/DefaultDesktopHome.vue

@@ -37,17 +37,17 @@ const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
     <HomeSkeleton v-if="showSkeleton" />
 
     <template v-if="showContent">
-      <section class="dhome-hero-row">
-        <DesktopLivePrice />
-        <DesktopPriceRange />
-      </section>
-
       <DesktopAssetsMetrics
         v-if="!ctx.isGaroosi.value"
         @open-gold-modal="ctx.openGoldModal"
         @open-rial-modal="ctx.openRialModal"
       />
 
+      <section class="dhome-hero-row">
+        <DesktopLivePrice />
+        <DesktopPriceRange />
+      </section>
+
       <div v-if="ctx.isGaroosi.value" class="dhome-default-grid">
         <div class="dhome-default-grid__main">
           <DesktopDefaultActions />