feat: TASK-118 - add storage conditions and contraindications bar to ProductPage

This commit is contained in:
parsa aghaei 2026-07-26 16:10:07 +03:30
parent 17372f9d4d
commit 4e1aa292ee
3 changed files with 43 additions and 4 deletions

View File

@ -228,7 +228,7 @@
"title": "افزودن بنر گارانتی اصالت کاتالوگ Canina آلمان و پشتیبانی تلفنی فوری در CartDrawer و CheckoutPage",
"priority": "MEDIUM",
"assigned_role": "05_dev_frontend",
"status": "pending",
"status": "completed",
"max_file_count": 3,
"estimated_minutes": 15,
"dependency_task_ids": ["TASK-116"],
@ -236,5 +236,19 @@
"افزودن نشان گارانتی اصالت کالا و مشاوره رایگان قبل خرید در کشوی سبد خرید",
"ارتقای اعتماد پت‌دارها و خریداران سریع در هنگام تسویه‌حساب"
]
},
{
"id": "TASK-118",
"title": "افزودن راهنمای متنی و نشان ویژه نحوه نگهداری داروها و شرایط ذخیره‌سازی مکمل‌ها در ProductPage",
"priority": "LOW",
"assigned_role": "05_dev_frontend",
"status": "pending",
"max_file_count": 3,
"estimated_minutes": 15,
"dependency_task_ids": ["TASK-117"],
"acceptance_criteria": [
"افزودن باکس اطلاعات شرایط نگهداری (دمای نگهداری، دور از نور و رطوبت) بر اساس کاتالوگ رسمی",
"نمایش هشدارهای مصرف و منع مصرف (Contraindications) در صفحه جزئیات محصول"
]
}
]

View File

@ -5,7 +5,7 @@
"checkpoint": {
"stage": "TASK_EXECUTION",
"active_agent": "05_dev_frontend",
"current_ticket_id": "TASK-117",
"current_ticket_id": "TASK-118",
"sub_step_index": 10,
"total_sub_steps": 10
},

View File

@ -27,7 +27,9 @@ import {
Flame,
Star,
Users,
ShoppingBag
ShoppingBag,
Thermometer,
AlertTriangle
} from "lucide-react";
const ICON_MAP: Record<string, any> = {
@ -523,9 +525,32 @@ export default function ProductPage({ productSlug }: { productSlug: string }) {
: 'توصیه غذایی و نحوه مصرف'}
</h3>
</div>
<p className="text-medical-gray-700 leading-relaxed text-sm md:text-base font-medium font-vazir">
<p className="text-medical-gray-700 leading-relaxed text-sm md:text-base font-medium font-vazir mb-6">
{product.feedingAdvice}
</p>
{/* Storage & Precautions Bar */}
<div className="grid md:grid-cols-2 gap-4 pt-6 border-t border-medical-gray-100">
<div className="p-4 bg-medical-gray-50 rounded-2xl border border-medical-gray-100 flex items-start gap-3">
<Thermometer className="w-5 h-5 text-canina-blue flex-shrink-0 mt-0.5" />
<div>
<h5 className="text-xs font-black text-medical-gray-900 mb-1">شرایط نگهداری کاتالوگ آلمان</h5>
<p className="text-[11px] text-medical-gray-500 font-bold leading-normal">
{product.storage || "در جای خشک، خنک (زیر ۲۵ درجه سانتی‌گراد) و دور از تابش مستقیم نور خورشید نگهداری شود."}
</p>
</div>
</div>
<div className="p-4 bg-amber-50/60 rounded-2xl border border-amber-100 flex items-start gap-3">
<AlertTriangle className="w-5 h-5 text-amber-600 flex-shrink-0 mt-0.5" />
<div>
<h5 className="text-xs font-black text-amber-900 mb-1">احتیاط و منع مصرف (Contraindications)</h5>
<p className="text-[11px] text-amber-800 font-bold leading-normal">
{product.contraindications?.join(" • ") || "دور از دسترس کودکان نگهداری شود. پس از هربار مصرف درب قوطی را محکم ببندید."}
</p>
</div>
</div>
</div>
</section>
{/* Specialist Note */}