a9:I[903690,["/chat-static/_next/static/immutable/chunks/0_kdkc823otwv.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/25oa2-cd4babd.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/2uxxtm0cim117.js","/chat-static/_next/static/immutable/chunks/0kpqqt3b70onu.js","/chat-static/_next/static/immutable/chunks/3r-izlig-97d3.js","/chat-static/_next/static/immutable/chunks/1-yirsd6_l__x.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/0nc47r7g497qp.js","/chat-static/_next/static/immutable/chunks/08ftfj_ae3jl_.js","/chat-static/_next/static/immutable/chunks/16p-wd29zwtcb.js","/chat-static/_next/static/immutable/chunks/1o9d1-74u-xr7.js","/chat-static/_next/static/immutable/chunks/17xddrdopbp9_.js","/chat-static/_next/static/immutable/chunks/17bw078wkmokk.js","/chat-static/_next/static/immutable/chunks/14omldv37lp8a.js","/chat-static/_next/static/immutable/chunks/1ybo6yzdrs8bw.js","/chat-static/_next/static/immutable/chunks/25hm_hdm1gsd0.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/3k_ag5nrvrx-2.js","/chat-static/_next/static/immutable/chunks/0ex210m2m3jd_.js","/chat-static/_next/static/immutable/chunks/0avdeadirr7ac.js","/chat-static/_next/static/immutable/chunks/3yu169rnx-6bz.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/2wgdzfx806eg5.js","/chat-static/_next/static/immutable/chunks/1t6tgnbe013qf.js","/chat-static/_next/static/immutable/chunks/263b0wh6fc7vv.js","/chat-static/_next/static/immutable/chunks/2bgu79hhhqcry.js","/chat-static/_next/static/immutable/chunks/1ukuldvl_7ewm.js","/chat-static/_next/static/immutable/chunks/2j5almabhex5i.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/3c5eee1ad42rw.js","/chat-static/_next/static/immutable/chunks/0f4z2mjqjzpbe.js","/chat-static/_next/static/immutable/chunks/2ktsmvnrpabs_.js","/chat-static/_next/static/immutable/chunks/29mrkgtzx_4wp.js","/chat-static/_next/static/immutable/chunks/04gkop25t1q10.js","/chat-static/_next/static/immutable/chunks/1oznss6s7d7gf.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/1fdx1parsgiro.js","/chat-static/_next/static/immutable/chunks/2u412yj4g70a6.js","/chat-static/_next/static/immutable/chunks/0pj67mrdn212d.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/1kms4qb1b1e4i.js","/chat-static/_next/static/immutable/chunks/3kux7xdyh8oe5.js","/chat-static/_next/static/immutable/chunks/0dfd4o6p0kx9e.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/28n71n1e8rcon.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/1g5joxoqz4ipp.js"],"ExplicitChatIdProvider"] aa:I[838238,["/chat-static/_next/static/immutable/chunks/0_kdkc823otwv.js","/chat-static/_next/static/immutable/chunks/17kl369b79nmd.js","/chat-static/_next/static/immutable/chunks/0pa2o-879tgyz.js","/chat-static/_next/static/immutable/chunks/0vmwjdmzo33vb.js","/chat-static/_next/static/immutable/chunks/1di_td8luy3gw.js","/chat-static/_next/static/immutable/chunks/0i48amtc28pqy.js","/chat-static/_next/static/immutable/chunks/25oa2-cd4babd.js","/chat-static/_next/static/immutable/chunks/33addp8wpisll.js","/chat-static/_next/static/immutable/chunks/2uxxtm0cim117.js","/chat-static/_next/static/immutable/chunks/0kpqqt3b70onu.js","/chat-static/_next/static/immutable/chunks/3r-izlig-97d3.js","/chat-static/_next/static/immutable/chunks/1-yirsd6_l__x.js","/chat-static/_next/static/immutable/chunks/3b6rwng7jzw37.js","/chat-static/_next/static/immutable/chunks/0nc47r7g497qp.js","/chat-static/_next/static/immutable/chunks/08ftfj_ae3jl_.js","/chat-static/_next/static/immutable/chunks/16p-wd29zwtcb.js","/chat-static/_next/static/immutable/chunks/1o9d1-74u-xr7.js","/chat-static/_next/static/immutable/chunks/17xddrdopbp9_.js","/chat-static/_next/static/immutable/chunks/17bw078wkmokk.js","/chat-static/_next/static/immutable/chunks/14omldv37lp8a.js","/chat-static/_next/static/immutable/chunks/1ybo6yzdrs8bw.js","/chat-static/_next/static/immutable/chunks/25hm_hdm1gsd0.js","/chat-static/_next/static/immutable/chunks/2iyogqj39terz.js","/chat-static/_next/static/immutable/chunks/3k_ag5nrvrx-2.js","/chat-static/_next/static/immutable/chunks/0ex210m2m3jd_.js","/chat-static/_next/static/immutable/chunks/0avdeadirr7ac.js","/chat-static/_next/static/immutable/chunks/3yu169rnx-6bz.js","/chat-static/_next/static/immutable/chunks/0dt5xmjm5355d.js","/chat-static/_next/static/immutable/chunks/2wgdzfx806eg5.js","/chat-static/_next/static/immutable/chunks/1t6tgnbe013qf.js","/chat-static/_next/static/immutable/chunks/263b0wh6fc7vv.js","/chat-static/_next/static/immutable/chunks/2bgu79hhhqcry.js","/chat-static/_next/static/immutable/chunks/1ukuldvl_7ewm.js","/chat-static/_next/static/immutable/chunks/2j5almabhex5i.js","/chat-static/_next/static/immutable/chunks/3all0vilnb92m.js","/chat-static/_next/static/immutable/chunks/3c5eee1ad42rw.js","/chat-static/_next/static/immutable/chunks/0f4z2mjqjzpbe.js","/chat-static/_next/static/immutable/chunks/2ktsmvnrpabs_.js","/chat-static/_next/static/immutable/chunks/29mrkgtzx_4wp.js","/chat-static/_next/static/immutable/chunks/04gkop25t1q10.js","/chat-static/_next/static/immutable/chunks/1oznss6s7d7gf.js","/chat-static/_next/static/immutable/chunks/3ozgp_g2qonep.js","/chat-static/_next/static/immutable/chunks/1fdx1parsgiro.js","/chat-static/_next/static/immutable/chunks/2u412yj4g70a6.js","/chat-static/_next/static/immutable/chunks/0pj67mrdn212d.js","/chat-static/_next/static/immutable/chunks/0wa14r29vk-50.js","/chat-static/_next/static/immutable/chunks/1kms4qb1b1e4i.js","/chat-static/_next/static/immutable/chunks/3kux7xdyh8oe5.js","/chat-static/_next/static/immutable/chunks/0dfd4o6p0kx9e.js","/chat-static/_next/static/immutable/chunks/0h3zc71pdnjom.js","/chat-static/_next/static/immutable/chunks/28n71n1e8rcon.js","/chat-static/_next/static/immutable/chunks/1erht42aiso18.js","/chat-static/_next/static/immutable/chunks/30mwco_q1oioj.js","/chat-static/_next/static/immutable/chunks/1g5joxoqz4ipp.js"],"SWRDataProvider"] ac:[] ad:[["b_jCgkWuYtIVJ",null],["b_REwqVx9ZodB",null],["b_UYyEgScOlcV",null]] ae:[["b_jCgkWuYtIVJ",{"templateVersionId":null,"templateCanonId":null}],["b_REwqVx9ZodB",{"templateVersionId":null,"templateCanonId":null}],["b_UYyEgScOlcV",{"templateVersionId":null,"templateCanonId":null}]] af:[["b_m3vjOKkjzia","$D2025-05-07T05:25:21.215Z"],["b_PnmICzqlSij","$D2025-05-07T05:38:37.568Z"],["b_Rp5BPLUEfmU","$D2025-05-07T05:42:12.320Z"],["b_x4UMw7c5bNs","$D2025-05-07T05:57:55.578Z"],["b_S5LObJ4RVJa","$D2025-05-07T06:10:00.778Z"],["b_pCCBFVNOytG","$D2025-05-07T06:18:46.443Z"],["b_bvfPkzhWDzK","$D2025-05-07T06:27:31.806Z"],["b_kCBMxYVAWRF","$D2025-05-07T06:36:51.660Z"],["b_kexwRsY2fRi","$D2025-05-07T07:10:30.137Z"],["b_aeSpqlN80rB","$D2025-05-07T07:38:49.927Z"],["b_CElG0FnnojB","$D2025-05-07T07:46:46.454Z"],["b_2yQyuFyfZsY","$D2025-05-07T07:51:24.786Z"],["b_Tr02gZi0z7T","$D2025-05-07T08:43:51.749Z"],["b_NePjMJYm5LW","$D2025-05-07T08:47:21.877Z"],["b_jCgkWuYtIVJ","$D2025-05-07T09:06:23.541Z"],["b_REwqVx9ZodB","$D2025-05-07T09:23:09.374Z"],["b_UYyEgScOlcV","$D2025-09-15T06:27:00.684Z"]] b0:[["b_jCgkWuYtIVJ",false],["b_REwqVx9ZodB",false],["b_UYyEgScOlcV",false]] b1:[["b_jCgkWuYtIVJ","$undefined"],["b_REwqVx9ZodB","$undefined"],["b_UYyEgScOlcV","$undefined"]] b2:[["b_jCgkWuYtIVJ",null],["b_REwqVx9ZodB",null],["b_UYyEgScOlcV",null]] b3:[["b_jCgkWuYtIVJ",true],["b_REwqVx9ZodB",true],["b_UYyEgScOlcV",true]] b4:[["b_jCgkWuYtIVJ",true],["b_REwqVx9ZodB",true],["b_UYyEgScOlcV",true]] b5:[] b6:T141f17,[V0_FILE]typescriptreact:file="app/page.tsx" isMerged="true" import Link from "next/link" import { Button } from "@/components/ui/button" import { ArrowRight, Calendar, Store, Users } from "lucide-react" export default function Home() { return (

QueueMaster

ระบบจองคิวออนไลน์ที่ยืดหยุ่นสำหรับทุกธุรกิจ

เพิ่มประสิทธิภาพการจัดการคิวของธุรกิจคุณ ลดเวลารอคอย เพิ่มความพึงพอใจให้ลูกค้า

คุณสมบัติหลัก

ระบบจองคิวที่ครบครันสำหรับทุกประเภทธุรกิจ

หลากหลายรูปแบบการจอง

รองรับการจองห้อง โต๊ะ บุคคล หรือช่วงเวลา ปรับให้เข้ากับธุรกิจของคุณ

การแจ้งเตือนอัตโนมัติ

แจ้งเตือนลูกค้าเมื่อใกล้ถึงคิว และแจ้งสถานะการอนุมัติการจอง

ระบบแนะนำและโปรโมชัน

แนะนำบริการที่เหมาะกับลูกค้า และสร้างโปรโมชันเพื่อดึงดูดลูกค้าใหม่

สำหรับธุรกิจ

จัดการคิวและลูกค้าของคุณอย่างมีประสิทธิภาพ

ปรับแต่งระบบคิวให้เข้ากับรูปแบบธุรกิจของคุณ
สร้างโปรโมชันและแพ็คเกจร่วมกับธุรกิจอื่น
ดูรายงานและวิเคราะห์ข้อมูลเพื่อปรับปรุงธุรกิจ
สแกน QR Code เพื่อเช็คอินลูกค้าและมอบส่วนลด

สำหรับลูกค้า

จองคิวออนไลน์ได้ง่ายๆ ไม่ต้องรอคิวนาน

ค้นหาและจองบริการได้ทุกที่ทุกเวลา
รับการแจ้งเตือนเมื่อใกล้ถึงคิวของคุณ
รับคำแนะนำบริการที่เหมาะกับไลฟ์สไตล์ของคุณ
เข้าถึงโปรโมชันและส่วนลดพิเศษ

) } [V0_FILE]typescriptreact:file="app/admin/dashboard/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card" import { Input } from "@/components/ui/input" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Badge } from "@/components/ui/badge" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Calendar, CheckCircle, Home, LogOut, Search, Settings, Store, Users, XCircle } from "lucide-react" export default function AdminDashboard() { const [searchTerm, setSearchTerm] = useState("") // Mock data for businesses const businesses = [ { id: 1, name: "ร้านนวดสบายใจ", type: "สปา", status: "approved", date: "01/05/2023" }, { id: 2, name: "ร้านอาหารอร่อยดี", type: "ร้านอาหาร", status: "pending", date: "05/05/2023" }, { id: 3, name: "ร้านตัดผมทันสมัย", type: "ร้านเสริมสวย", status: "approved", date: "10/05/2023" }, { id: 4, name: "ร้านตัดเสื้อคุณภาพ", type: "ร้านตัดเสื้อ", status: "rejected", date: "15/05/2023" }, { id: 5, name: "คลินิกทันตกรรม", type: "คลินิก", status: "approved", date: "20/05/2023" }, ] // Filter businesses based on search term const filteredBusinesses = businesses.filter( (business) => business.name.toLowerCase().includes(searchTerm.toLowerCase()) || business.type.toLowerCase().includes(searchTerm.toLowerCase()), ) return (

QueueMaster

แดชบอร์ดผู้ดูแลระบบ

ธุรกิจทั้งหมด

{businesses.length}

+2 ในเดือนนี้

ธุรกิจที่รออนุมัติ

{businesses.filter((b) => b.status === "pending").length}

รอการอนุมัติ

ผู้ใช้งานทั้งหมด

1,274

+32 ในสัปดาห์นี้

ทั้งหมด รออนุมัติ อนุมัติแล้ว ปฏิเสธ ชื่อธุรกิจ ประเภท สถานะ วันที่สมัคร การจัดการ {filteredBusinesses.map((business) => ( {business.name} {business.type} {business.status === "approved" && อนุมัติแล้ว} {business.status === "pending" && ( รออนุมัติ )} {business.status === "rejected" && ปฏิเสธ} {business.date}

{business.status === "pending" && ( <> )}

))}

ชื่อธุรกิจ ประเภท วันที่สมัคร การจัดการ {filteredBusinesses .filter((business) => business.status === "pending") .map((business) => ( {business.name} {business.type} {business.date}

))}

) } [V0_FILE]typescriptreact:file="app/admin/dashboard/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/customer/dashboard/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Badge } from "@/components/ui/badge" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Calendar, Clock, Heart, Home, LogOut, Search, Settings, Store, User } from "lucide-react" import { Input } from "@/components/ui/input" export default function CustomerDashboard() { const [searchTerm, setSearchTerm] = useState("") // Mock data for bookings const bookings = [ { id: 1, business: "ร้านนวดสบายใจ", service: "นวดแผนไทย 60 นาที", date: "15/05/2023", time: "10:00", status: "upcoming", }, { id: 2, business: "ร้านอาหารอร่อยดี", service: "โต๊ะสำหรับ 4 ท่าน", date: "20/05/2023", time: "18:30", status: "upcoming", }, { id: 3, business: "ร้านตัดผมทันสมัย", service: "ตัดผมชาย + สระ", date: "10/05/2023", time: "14:00", status: "completed", }, { id: 4, business: "คลินิกทันตกรรม", service: "ขูดหินปูน", date: "05/05/2023", time: "09:30", status: "completed" }, { id: 5, business: "ร้านตัดเสื้อคุณภาพ", service: "ตัดชุดสูท", date: "01/05/2023", time: "13:00", status: "cancelled" }, ] // Mock data for recommended businesses const recommendedBusinesses = [ { id: 1, name: "ร้านนวดสบายใจ", type: "สปา", rating: 4.8, image: "/relaxing-spa-scene.png" }, { id: 2, name: "ร้านอาหารอร่อยดี", type: "ร้านอาหาร", rating: 4.5, image: "/cozy-italian-restaurant.png" }, { id: 3, name: "ร้านตัดผมทันสมัย", type: "ร้านเสริมสวย", rating: 4.7, image: "/hair-salon-interior.png" }, { id: 4, name: "คลินิกทันตกรรม", type: "คลินิก", rating: 4.9, image: "/dental-clinic.png" }, ] return (

QueueMaster

แดชบอร์ด การจองของฉัน ค้นหาบริการ รายการโปรด โปรไฟล์ ตั้งค่า

สวัสดี, คุณสมศักดิ์

การจองที่กำลังจะมาถึง

การจองในอีก 7 วันข้างหน้า

การจองทั้งหมด

ทั้งหมดในเดือนนี้

ร้านโปรด

ร้านที่คุณชื่นชอบ

โปรโมชันพิเศษ

โปรโมชันที่น่าสนใจสำหรับคุณ

การจองที่กำลังจะมาถึง เสร็จสิ้น ยกเลิก ธุรกิจ บริการ วันที่ เวลา สถานะ การจัดการ {bookings .filter((booking) => booking.status === "upcoming") .map((booking) => ( {booking.business} {booking.service} {booking.date} {booking.time} กำลังจะมาถึง

))}

ธุรกิจ บริการ วันที่ เวลา สถานะ การจัดการ {bookings .filter((booking) => booking.status === "completed") .map((booking) => ( {booking.business} {booking.service} {booking.date} {booking.time} เสร็จสิ้น

))}

แนะนำสำหรับคุณ

{recommendedBusinesses.map((business) => ( {business.name}

{business.name} {business.type}

{business.rating}

))}

) } [V0_FILE]typescriptreact:file="app/customer/dashboard/loading.tsx" isFixed="true" isMerged="true" export default function Loading() { return null } [V0_FILE]typescriptreact:file="app/business/qr-scanner/page.tsx" isMerged="true" "use client" import { useState, useRef, useEffect } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Calendar, Home, LogOut, QrCode, Settings } from "lucide-react" import { Badge } from "@/components/ui/badge" export default function QRScannerPage() { const [scanning, setScanning] = useState(false) const [scannedData, setScannedData] = useState(null) const [customerInfo, setCustomerInfo] = useState(null) const videoRef = useRef(null) const canvasRef = useRef(null) const startScanner = async () => { setScanning(true) setScannedData(null) setCustomerInfo(null) try { const stream = await navigator.mediaDevices.getUserMedia({ video: { facingMode: "environment" }, }) if (videoRef.current) { videoRef.current.srcObject = stream videoRef.current.play() } // Simulate QR code scanning setTimeout(() => { if (scanning) { const mockQRData = "BOOKING-12345" setScannedData(mockQRData) // Simulate fetching customer data setCustomerInfo({ id: "12345", name: "คุณสมศักดิ์ จริงใจ", service: "นวดแผนไทย 60 นาที", time: "15:30", date: "15/05/2023", status: "confirmed", }) stopScanner() } }, 3000) } catch (error) { console.error("Error accessing camera:", error) setScanning(false) } } const stopScanner = () => { setScanning(false) if (videoRef.current && videoRef.current.srcObject) { const tracks = (videoRef.current.srcObject as MediaStream).getTracks() tracks.forEach((track) => track.stop()) videoRef.current.srcObject = null } } const handleCheckIn = () => { // Simulate check-in process alert(`เช็คอินสำเร็จ: ${customerInfo.name} สำหรับบริการ ${customerInfo.service}`) setScannedData(null) setCustomerInfo(null) } useEffect(() => { return () => { if (videoRef.current && videoRef.current.srcObject) { const tracks = (videoRef.current.srcObject as MediaStream).getTracks() tracks.forEach((track) => track.stop()) } } }, []) return (

ร้านนวดสบายใจ

สแกน QR Code

สแกน QR Code เพื่อเช็คอินลูกค้า สแกน QR Code จากแอปพลิเคชันของลูกค้าเพื่อยืนยันการจอง {!scanning && !scannedData && (

กดปุ่มด้านล่างเพื่อเริ่มสแกน

)} {scanning && (

)} {scannedData && customerInfo && (

{customerInfo.name}

ยืนยันแล้ว

บริการ: {customerInfo.service}

วันที่: {customerInfo.date}

เวลา: {customerInfo.time}

รหัสการจอง: {scannedData}

)} {!scanning && !scannedData && ( )} {scanning && ( )} {scannedData && customerInfo && (

)}

) } [V0_FILE]typescriptreact:file="app/business/services/page.tsx" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { Label } from "@/components/ui/label" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { Calendar, Clock, Edit, Home, LogOut, Plus, Settings, Trash } from "lucide-react" import { Textarea } from "@/components/ui/textarea" import { Switch } from "@/components/ui/switch" export default function ServicesPage() { const [services, setServices] = useState([ { id: 1, name: "นวดแผนไทย", duration: 60, price: 350, type: "บุคคล", available: true }, { id: 2, name: "นวดน้ำมันอโรม่า", duration: 90, price: 650, type: "บุคคล", available: true }, { id: 3, name: "นวดฝ่าเท้า", duration: 30, price: 250, type: "บุคคล", available: true }, { id: 4, name: "นวดหน้า", duration: 45, price: 450, type: "บุคคล", available: false }, { id: 5, name: "ห้องซาวน่า", duration: 30, price: 200, type: "ห้อง", available: true }, ]) const [newService, setNewService] = useState({ name: "", duration: "", price: "", type: "บุคคล", description: "", available: true, }) const handleAddService = () => { const id = services.length > 0 ? Math.max(...services.map((s) => s.id)) + 1 : 1 setServices([ ...services, { id, name: newService.name, duration: Number.parseInt(newService.duration), price: Number.parseInt(newService.price), type: newService.type, available: newService.available, }, ]) // Reset form setNewService({ name: "", duration: "", price: "", type: "บุคคล", description: "", available: true, }) } const handleToggleAvailability = (id: number) => { setServices( services.map((service) => (service.id === id ? { ...service, available: !service.available } : service)), ) } const handleDeleteService = (id: number) => { setServices(services.filter((service) => service.id !== id)) } return (

ร้านนวดสบายใจ