From b99c2b9e4a9aa1748977e18f8658cf121d649dee Mon Sep 17 00:00:00 2001
From: adonis <mseddighi99.ms@gmail.com>
Date: Thu, 2 Jul 2026 17:20:07 +0330
Subject: [PATCH] ui changes

---
 .../desktop/layouts/DefaultDesktopHome.vue    | 19 ++++++++++++-------
 .../base/home/layouts/HomeLayoutRenderer.vue  | 10 ++++++++++
 .../base/home/layouts/configs/default.ts      |  6 ++++--
 src/views/base/home/layouts/types.ts          |  2 ++
 4 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/src/views/base/home/desktop/layouts/DefaultDesktopHome.vue b/src/views/base/home/desktop/layouts/DefaultDesktopHome.vue
index cebca84..c115b1e 100644
--- a/src/views/base/home/desktop/layouts/DefaultDesktopHome.vue
+++ b/src/views/base/home/desktop/layouts/DefaultDesktopHome.vue
@@ -37,13 +37,7 @@ const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
     <HomeSkeleton v-if="showSkeleton" />
 
     <template v-if="showContent">
-      <DesktopAssetsMetrics
-        v-if="!ctx.isGaroosi.value"
-        @open-gold-modal="ctx.openGoldModal"
-        @open-rial-modal="ctx.openRialModal"
-      />
-
-      <section class="dhome-hero-row">
+      <section v-if="ctx.isGaroosi.value" class="dhome-hero-row">
         <DesktopLivePrice />
         <DesktopPriceRange />
       </section>
@@ -74,6 +68,17 @@ const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
 
       <template v-else>
         <DesktopDefaultActions />
+
+        <DesktopAssetsMetrics
+          @open-gold-modal="ctx.openGoldModal"
+          @open-rial-modal="ctx.openRialModal"
+        />
+
+        <section class="dhome-hero-row">
+          <DesktopLivePrice />
+          <DesktopPriceRange />
+        </section>
+
         <section
           v-if="ctx.bannerEnabled.value && ctx.banners.value?.length"
           class="dhome-surface dhome-chart-banner-combined"
diff --git a/src/views/base/home/layouts/HomeLayoutRenderer.vue b/src/views/base/home/layouts/HomeLayoutRenderer.vue
index 7bf015b..d8c894a 100644
--- a/src/views/base/home/layouts/HomeLayoutRenderer.vue
+++ b/src/views/base/home/layouts/HomeLayoutRenderer.vue
@@ -24,6 +24,10 @@ const innerSections = computed(() =>
   layoutConfig.value.sections.filter((section) => section.visible !== false)
 )
 
+const tailSections = computed(() =>
+  (layoutConfig.value.tailSections ?? []).filter((section) => section.visible !== false)
+)
+
 /** محتوا با userInfo — داده‌های API در پس‌زمینه لود می‌شوند */
 const showContent = computed(() => Boolean(userInfo.value))
 const showSkeleton = computed(() => Boolean(getToken()) && !userInfo.value)
@@ -56,6 +60,12 @@ function resolveSectionComponent(sectionId: HomeSectionId) {
         :key="section.id"
       />
     </template>
+
+    <component
+      :is="resolveSectionComponent(section.id)"
+      v-for="section in tailSections"
+      :key="`tail-${section.id}`"
+    />
   </div>
 
   <HomeSkeleton v-else-if="showSkeleton" class="w-full" />
diff --git a/src/views/base/home/layouts/configs/default.ts b/src/views/base/home/layouts/configs/default.ts
index 7472dc0..cd5bc0c 100644
--- a/src/views/base/home/layouts/configs/default.ts
+++ b/src/views/base/home/layouts/configs/default.ts
@@ -3,12 +3,14 @@ import type { HomeLayoutConfig } from '../types'
 /** چیدمان پیش‌فرض — همه پروژه‌ها به‌جز boursecu */
 export const defaultHomeLayoutConfig: HomeLayoutConfig = {
   id: 'default',
-  wrapperClass: 'p-1 from-primary rounded-lg p-px to-transparent mt-5',
+  wrapperClass: 'p-1 shadow-lg from-primary rounded-lg p-px to-transparent mt-5',
   sections: [
     { id: 'garoosiAssets' },
-    { id: 'assets' },
     { id: 'mainActions' },
     { id: 'referral' },
+    { id: 'assets' },
+  ],
+  tailSections: [
     { id: 'marketClosed' },
     { id: 'currentPrice' },
     { id: 'banners' },
diff --git a/src/views/base/home/layouts/types.ts b/src/views/base/home/layouts/types.ts
index c1268a7..f2fe640 100644
--- a/src/views/base/home/layouts/types.ts
+++ b/src/views/base/home/layouts/types.ts
@@ -31,6 +31,8 @@ export interface HomeLayoutConfig {
   wrapperClass?: string
   outerSections?: HomeLayoutSectionConfig[]
   sections: HomeLayoutSectionConfig[]
+  /** بعد از wrapper — مثل قیمت و نمودار در UI قدیمی */
+  tailSections?: HomeLayoutSectionConfig[]
 }
 
 export interface HomeActionItem {