danak/dmenu-plus-front
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

update design single food

Browse Source
This commit is contained in:
hamid zarghami
2026-06-06 11:01:31 +03:30
parent d13792219b
commit 0d2f2696ec
1 changed files with 49 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[name]/(Main)/[id]/page.tsx
+49 -47
View File
@@ -155,8 +155,8 @@ function FoodPage({}: Props) {
</div>
</div>
<div className="relative px-6 pt-6 pb-7.5 lg:flex lg:flex-col lg:justify-center lg:h-full lg:min-h-0 bg-container w-full rounded-3xl overflow-hidden not-lg:-translate-y-6 lg:rounded-l-none lg:overflow-y-auto">
<div className="w-full inline-flex justify-between items-center">
<div className="relative px-6 pt-6 pb-7.5 lg:flex lg:flex-col lg:h-full lg:min-h-0 bg-container w-full rounded-3xl overflow-hidden not-lg:-translate-y-6 lg:rounded-l-none lg:overflow-y-auto">
<div className="w-full inline-flex justify-between items-center shrink-0">
<h5 className="text-base font-bold">{foodName}</h5>
<button
onClick={handleToggleFavorite}
@@ -171,55 +171,57 @@ function FoodPage({}: Props) {
</button>
</div>
<div className="mt-4 text-xs">
<div className="flex items-center gap-1">
<Clock size={14} className="stroke-disabled-text" />
<span className="text-disabled-text">
زمان پخت و آماده سازی:{" "}
{prepareTime > 0 ? `${ef(String(prepareTime))} دقیقه` : "-"}
</span>
<div className="mt-4 lg:mt-0 lg:flex-1 lg:flex lg:flex-col lg:justify-center lg:min-h-0 lg:overflow-y-auto">
<div className="text-xs">
<div className="flex items-center gap-1">
<Clock size={14} className="stroke-disabled-text" />
<span className="text-disabled-text">
زمان پخت و آماده سازی:{" "}
{prepareTime > 0 ? `${ef(String(prepareTime))} دقیقه` : "-"}
</span>
</div>
<div className="flex items-center gap-2 mt-2">
<Cup size={14} className="stroke-disabled-text" />
<span className="text-disabled-text flex gap-1">
{about?.data?.plan === "base" ? (
<>
<div>۰</div>
<span>امتیاز برای هر بار خرید</span>
</>
) : about?.data?.score?.purchaseScore &&
about?.data?.score?.purchaseAmount ? (
<>
<div>
{ef(
Math.round(
foodData?.price *
(Number(about.data.score.purchaseScore) /
Number(about.data.score.purchaseAmount)),
).toLocaleString("en-US"),
)}
</div>
<span>امتیاز برای هر بار خرید</span>
</>
) : (
<span>-</span>
)}
</span>
</div>
<div className="flex items-center gap-2 mt-2">
<TruckTick size={14} className="stroke-disabled-text" />
<span className="text-disabled-text">
{foodData.pickupServe ? "ارسال با پیک" : "-"}
</span>
</div>
</div>
<div className="flex items-center gap-2 mt-2">
<Cup size={14} className="stroke-disabled-text" />
<span className="text-disabled-text flex gap-1">
{about?.data?.plan === "base" ? (
<>
<div>۰</div>
<span>امتیاز برای هر بار خرید</span>
</>
) : about?.data?.score?.purchaseScore &&
about?.data?.score?.purchaseAmount ? (
<>
<div>
{ef(
Math.round(
foodData?.price *
(Number(about.data.score.purchaseScore) /
Number(about.data.score.purchaseAmount)),
).toLocaleString("en-US"),
)}
</div>
<span>امتیاز برای هر بار خرید</span>
</>
) : (
<span>-</span>
)}
</span>
</div>
<div className="flex items-center gap-2 mt-2">
<TruckTick size={14} className="stroke-disabled-text" />
<span className="text-disabled-text">
{foodData.pickupServe ? "ارسال با پیک" : "-"}
</span>
<div className="mt-7 text-xs">
<p className="font-bold">محتویات:</p>
<p className="mt-2 leading-6">{content || "-"}</p>
</div>
</div>
<div className="mt-7 text-xs">
<p className="font-bold">محتویات:</p>
<p className="mt-2 leading-6">{content || "-"}</p>
</div>
<div className="mt-12 flex justify-between items-center">
<div className="mt-12 lg:mt-0 shrink-0 flex justify-between items-center">
<span dir="ltr">{ef(price.toLocaleString("en-US"))} T</span>
<motion.div
whileTap={{ scale: 1.05 }}