From 6facf5d72d5466a2a72dcc9ea495e0c72a86d2ac Mon Sep 17 00:00:00 2001
From: mohammad sedighi <mseddighi99.ms@gmail.com>
Date: Sun, 4 Oct 2026 20:09:45 +0330
Subject: [PATCH] Show greater price alerts above the product name and smaller
 ones below.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/views/base/priceTrigger/components/Item.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/base/priceTrigger/components/Item.vue b/src/views/base/priceTrigger/components/Item.vue
index 6452e34..1a09f15 100644
--- a/src/views/base/priceTrigger/components/Item.vue
+++ b/src/views/base/priceTrigger/components/Item.vue
@@ -3,11 +3,15 @@
     <p class="dptr-card__price">{{ usePrice(item.target_price) }}</p>
 
     <div class="dptr-card__meta">
+      <div v-if="isGreater" class="dptr-card__row">
+        <span class="dptr-card__label">جهت قیمت:</span>
+        <span class="dptr-card__value">بزرگتر</span>
+      </div>
       <div class="dptr-card__row">
         <span class="dptr-card__label">محصول:</span>
         <span class="dptr-card__value">{{ productTitle }}</span>
       </div>
-      <div class="dptr-card__row">
+      <div v-if="!isGreater" class="dptr-card__row">
         <span class="dptr-card__label">جهت قیمت:</span>
         <span class="dptr-card__value">{{ returnPriceCondition(item.price_condition) }}</span>
       </div>
@@ -76,8 +80,14 @@
       </div>
     </div>
     <div class="flex flex-col gap-2 mt-2">
+      <BasicInfoItem v-if="isGreater" is-line title="جهت قیمت" value="بزرگتر" />
       <BasicInfoItem is-line title="محصول" :value="productTitle" />
-      <BasicInfoItem is-line title="جهت قیمت" :value="returnPriceCondition(item.price_condition)" />
+      <BasicInfoItem
+        v-if="!isGreater"
+        is-line
+        title="جهت قیمت"
+        :value="returnPriceCondition(item.price_condition)"
+      />
     </div>
     <a-divider class="!my-3" />
     <div class="flex justify-between mt-1">
@@ -133,6 +143,7 @@ const props = withDefaults(
 const emits = defineEmits(['edit', 'refresh'])
 
 const productTitle = computed(() => props.item.product?.title || 'طلا')
+const isGreater = computed(() => props.item.price_condition === '>')
 
 onMounted(() => {
   isActive.value = props.item.is_active