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

single page food
Build and Deploy Docker Images / build_and_deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
hamid zarghami
2026-06-23 15:55:41 +03:30
parent a53ffaf619
commit 5f8812ce55
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[name]/(Main)/[id]/page.tsx
+3 -9
View File
@@ -7,7 +7,6 @@ import { toast, toastLoginRequired } from "@/components/Toast";
import { getToken } from "@/lib/api/func"; import { getToken } from "@/lib/api/func";
import { ef } from "@/lib/helpers/utfNumbers"; import { ef } from "@/lib/helpers/utfNumbers";
import { glassSurface, glassSurfaceCard, glassSurfaceFlat } from "@/lib/styles/glassSurface"; import { glassSurface, glassSurfaceCard, glassSurfaceFlat } from "@/lib/styles/glassSurface";
import clsx from "clsx";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import { ArrowLeft, Clock, Cup, Heart, TruckTick } from "iconsax-react"; import { ArrowLeft, Clock, Cup, Heart, TruckTick } from "iconsax-react";
import { useParams, useRouter } from "next/navigation"; import { useParams, useRouter } from "next/navigation";
@@ -126,12 +125,7 @@ function FoodPage({}: Props) {
}; };
return ( return (
<div <div className="not-lg:max-w-lg not-lg:place-self-center not-lg:w-full not-lg:mb-10 pt-6 not-lg:flex not-lg:flex-col lg:fixed lg:z-10 lg:top-20 xl:top-22 lg:bottom-24 lg:left-5 lg:right-4 xl:right-[285px] lg:grid lg:grid-cols-2 lg:min-h-0 lg:overflow-hidden lg:rounded-2xl">
className={clsx(
"not-lg:max-w-lg not-lg:place-self-center not-lg:w-full not-lg:mb-10 pt-6 not-lg:flex not-lg:flex-col lg:fixed lg:z-10 lg:top-20 xl:top-22 lg:bottom-24 lg:left-5 lg:right-4 xl:right-[285px] lg:grid lg:grid-cols-2 lg:min-h-0 lg:overflow-hidden lg:rounded-2xl",
!isAvailable && "opacity-50",
)}
>
<div <div
className={glassSurface("relative w-full lg:h-full min-h-0 rounded-2xl overflow-hidden lg:rounded-r-none lg:order-1 lg:bg-transparent! lg:border-0! lg:shadow-none! lg:[backdrop-filter:none]")} className={glassSurface("relative w-full lg:h-full min-h-0 rounded-2xl overflow-hidden lg:rounded-r-none lg:order-1 lg:bg-transparent! lg:border-0! lg:shadow-none! lg:[backdrop-filter:none]")}
> >
@@ -205,7 +199,7 @@ function FoodPage({}: Props) {
className="bg-background pattern-secondary-bg active:drop-shadow-xs max-w-[115px] rounded-md w-full h-8 inline-flex p-1 justify-between items-center gap-2 relative overflow-hidden" className="bg-background pattern-secondary-bg active:drop-shadow-xs max-w-[115px] rounded-md w-full h-8 inline-flex p-1 justify-between items-center gap-2 relative overflow-hidden"
> >
{quantity <= 0 ? ( {quantity <= 0 ? (
<button onClick={handleAddToCart} disabled={!isAvailable} className="inline-flex w-full justify-center items-center gap-2 disabled:pointer-events-none disabled:opacity-40"> <button onClick={handleAddToCart} disabled={!isAvailable} className="inline-flex w-full justify-center items-center gap-2 disabled:pointer-events-none">
{isAvailable && <PlusIcon />} {isAvailable && <PlusIcon />}
<div className="text-sm2 pt-0.5 font-normal text-foreground"> <div className="text-sm2 pt-0.5 font-normal text-foreground">
{isAvailable ? "افزودن" : "عدم موجودی"} {isAvailable ? "افزودن" : "عدم موجودی"}
@@ -216,7 +210,7 @@ function FoodPage({}: Props) {
<button <button
onClick={handleAddToCart} onClick={handleAddToCart}
disabled={!isAvailable} disabled={!isAvailable}
className={glassSurfaceFlat("hover:brightness-95 active:brightness-90 rounded-sm p-2 transition-all disabled:opacity-40 disabled:pointer-events-none")} className={glassSurfaceFlat("hover:brightness-95 active:brightness-90 rounded-sm p-2 transition-all disabled:pointer-events-none")}
> >
<PlusIcon className="text-foreground" /> <PlusIcon className="text-foreground" />
</button> </button>