From 11ef24e312b5944f7ffcd82136c26aca7101fac7 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Tue, 18 Nov 2025 11:55:05 +0330
Subject: [PATCH] dont show procons if there is nothing + ...

---
 .../product/components/BaseInformation.tsx    | 10 ++-
 src/app/product/components/ProsCons.tsx       | 61 ++++++++++---------
 2 files changed, 39 insertions(+), 32 deletions(-)

diff --git a/src/app/product/components/BaseInformation.tsx b/src/app/product/components/BaseInformation.tsx
index 12d5460..72d2c90 100644
--- a/src/app/product/components/BaseInformation.tsx
+++ b/src/app/product/components/BaseInformation.tsx
@@ -147,9 +147,13 @@ const BaseInformation: FC<BaseInformationProps> = ({ product, stats }) => {
                 </div>
             </div>
 
-            <div className='mt-6 sm:mt-7 text-base sm:text-lg text-[#333333]'>
-                ویژگی های کلیدی
-            </div>
+            {
+                product.specifications.length > 0 ?
+                    <div className='mt-6 sm:mt-7 text-base sm:text-lg text-[#333333]'>
+                        ویژگی های کلیدی
+                    </div>
+                    : null
+            }
 
             <div className='mt-6 sm:mt-10 flex flex-col gap-4 sm:gap-8'>
                 {product.specifications.slice(0, 3).map((spec, index) => (
diff --git a/src/app/product/components/ProsCons.tsx b/src/app/product/components/ProsCons.tsx
index 4487c6b..5239f1d 100644
--- a/src/app/product/components/ProsCons.tsx
+++ b/src/app/product/components/ProsCons.tsx
@@ -8,6 +8,13 @@ interface ProsConsProps {
 }
 
 const ProsCons: FC<ProsConsProps> = ({ product }) => {
+    const hasAdvantages = product.advantages && product.advantages.length > 0
+    const hasDisAdvantages = product.disAdvantages && product.disAdvantages.length > 0
+
+    if (!hasAdvantages && !hasDisAdvantages) {
+        return null
+    }
+
     return (
         <div className="mt-12 sm:mt-16 w-full">
             <div className="flex items-center justify-end gap-3 flex-row-reverse">
@@ -16,43 +23,39 @@ const ProsCons: FC<ProsConsProps> = ({ product }) => {
             </div>
 
             <div className="mt-4 sm:mt-6 rounded-xl bg-white">
-                <div className="grid grid-cols-12 items-start px-4 sm:px-6 py-4 sm:py-5">
-                    <div className="col-span-12 md:col-span-3 flex items-center justify-end gap-2 text-[#7F7F7F] flex-row-reverse">
-                        <span className="text-xs sm:text-sm">نقاط مثبت</span>
-                        <span className="size-1.5 rounded-full bg-[#7F7F7F]"></span>
-                    </div>
-                    <div className="col-span-12 md:col-span-9 mt-2 md:mt-0">
-                        <div className="flex flex-col gap-2 sm:gap-3 text-xs sm:text-sm text-[#333333] text-right">
-                            {product.advantages.length > 0 ? (
-                                product.advantages.map((advantage, index) => (
+                {hasAdvantages && (
+                    <div className="grid grid-cols-12 items-start px-4 sm:px-6 py-4 sm:py-5">
+                        <div className="col-span-12 md:col-span-3 flex items-center justify-end gap-2 text-[#7F7F7F] flex-row-reverse">
+                            <span className="text-xs sm:text-sm">نقاط مثبت</span>
+                            <span className="size-1.5 rounded-full bg-[#7F7F7F]"></span>
+                        </div>
+                        <div className="col-span-12 md:col-span-9 mt-2 md:mt-0">
+                            <div className="flex flex-col gap-2 sm:gap-3 text-xs sm:text-sm text-[#333333] text-right">
+                                {product.advantages.map((advantage, index) => (
                                     <div key={index}>{advantage}</div>
-                                ))
-                            ) : (
-                                <div className="text-[#999999]">نقطه مثبتی ثبت نشده است</div>
-                            )}
+                                ))}
+                            </div>
                         </div>
                     </div>
-                </div>
+                )}
 
-                <Separator />
+                {hasAdvantages && hasDisAdvantages && <Separator />}
 
-                <div className="grid grid-cols-12 items-start px-4 sm:px-6 py-4 sm:py-5">
-                    <div className="col-span-12 md:col-span-3 flex items-center justify-end gap-2 text-[#7F7F7F] flex-row-reverse">
-                        <span className="text-xs sm:text-sm">نقاط منفی</span>
-                        <span className="size-1.5 rounded-full bg-[#7F7F7F]"></span>
-                    </div>
-                    <div className="col-span-12 md:col-span-9 mt-2 md:mt-0">
-                        <div className="flex flex-col gap-2 sm:gap-3 text-xs sm:text-sm text-[#333333] text-right">
-                            {product.disAdvantages.length > 0 ? (
-                                product.disAdvantages.map((disadvantage, index) => (
+                {hasDisAdvantages && (
+                    <div className="grid grid-cols-12 items-start px-4 sm:px-6 py-4 sm:py-5">
+                        <div className="col-span-12 md:col-span-3 flex items-center justify-end gap-2 text-[#7F7F7F] flex-row-reverse">
+                            <span className="text-xs sm:text-sm">نقاط منفی</span>
+                            <span className="size-1.5 rounded-full bg-[#7F7F7F]"></span>
+                        </div>
+                        <div className="col-span-12 md:col-span-9 mt-2 md:mt-0">
+                            <div className="flex flex-col gap-2 sm:gap-3 text-xs sm:text-sm text-[#333333] text-right">
+                                {product.disAdvantages.map((disadvantage, index) => (
                                     <div key={index}>{disadvantage}</div>
-                                ))
-                            ) : (
-                                <div className="text-[#999999]">نقطه منفی ثبت نشده است</div>
-                            )}
+                                ))}
+                            </div>
                         </div>
                     </div>
-                </div>
+                )}
             </div>
         </div>
     )