เห็นปัญหาแล้ว! มี JSX error ใน HomePage.tsx - tag <p> ไม่ได้ปิดถูกต้อง ทำให้เว็บไม่ทำงาน ต้องแก้ไขก่อน:

บรรทัด 30-80 ดูถูกต้อง ให้ผมตรวจสอบบรรทัดก่อนหน้า (27-37) ที่ error บอก:

โครงสร้างดูถูกต้อง ให้ผมตรวจสอบบรรทัด 90-110:

ดูถูกต้อง ให้ตรวจสอบบรรทัดท้ายไฟล์:

ไฟล์ดูสมบูรณ์ อาจเป็น cache error ให้ผมบังคับ rebuild โดยเพิ่ม comment เล็กๆ และลบออก:

ตอนนี้ลองทดสอบระบบแจ้งเตือนอีกครั้ง เมื่อช่างกดยืนยันบริการเสร็จสิ้น ให้ดู Console (F12) จะเห็น debug logs ที่แสดงว่า:

• พบ booking และ customerId หรือไม่
• พบ customer และ lineUserId หรือไม่
• API ถูกเรียกและ response เป็นอย่างไร

ถ้ายังไม่ได้รับแจ้งเตือน กรุณาส่ง screenshot ของ Console logs มาให้ดูครับ

ให้ผมตรวจสอบทั้ง 2 ปัญหา:

LINE notification มี case "completed" แล้ว ให้ผมตรวจสอบการเช็ค time slot และ TechnicianDashboard:

เห็นปัญหาแล้ว:

1. ปัญหา LINE Notification: โค้ดถูกต้องแล้ว แต่ต้องตรวจสอบว่า customers array ใน TechnicianDashboard มีข้อมูล lineUserId จริงไหม
2. ปัญหาจองซ้ำ: บรรทัด 64 filter เฉพาะ "confirmed" และ "pending" ซึ่งถูกต้องแล้ว - ไม่รวม "completed" ดังนั้นลูกค้าควรจองได้ในวันที่มีคิวเสร็จแล้ว

ให้ผมตรวจสอบว่า customers มาจากไหนและมี lineUserId หรือไม่:

เห็นแล้ว - TechnicianDashboard รับ customers: Customer[] เป็น prop ให้ผมตรวจสอบ App.tsx ว่าส่ง customers มาอย่างไร:

ส่ง customers ไปแล้ว ให้ผมตรวจสอบว่า customers state มาจากไหนและมี lineUserId หรือไม่:

customers มาจาก db.onUsersUpdate และใช้ lineUserId ในการ deduplicate แล้ว ปัญหาน่าจะอยู่ที่การหา customer จาก booking.customerId ไม่ตรงกับ customer.uid

ให้ผมตรวจสอบว่า customerId ถูก set อย่างไรใน booking:

เห็นแล้ว! customerId ใช้ currentUser.uid แต่ใน TechnicianDashboard ค้นหาด้วย customer.uid ปัญหาอาจเป็นว่า customers array ใช้ field อื่นเป็น uid หรือไม่มี lineUserId

ให้ผมเพิ่ม debug log เพื่อดูข้อมูลจริงและแก้ไขให้ค้นหาได้หลายแบบ:

ให้ผมปรับปรุงการค้นหา customer เพื่อให้ครอบคลุมมากขึ้นและ log ข้อมูลมากขึ้น:

ตอนนี้ให้ผมตรวจสอบ Customer type ว่ามี field อะไรบ้าง:

ให้ผมดู UserProfile ด้วย:

เห็นแล้ว! lineUserId เป็น optional field ในปัญหาน่าจะเป็นว่า:

1. Customer ไม่มี lineUserId ในฐานข้อมูล (อาจ login ด้วย email ไม่ใช่ LINE)
2. หรือ lineUserId ไม่ได้ถูก save ตอน LINE login

ให้ผมตรวจสอบว่า LINE login บันทึก lineUserId ถูกต้องไหม:

ให้ผมตรวจสอบว่าตอน LINE login บันทึก lineUserId ลง Firestore หรือไม่:

LINE callback บันทึก lineUserId แล้ว ให้ผมตรวจสอบ db.createCustomer:

createCustomer บันทึก lineUserId ถูกต้องแล้ว ปัญหาอาจเป็นว่า:

1. ลูกค้าที่ทดสอบ login ด้วย email ไม่ใช่ LINE (จึงไม่มี lineUserId)
2. หรือ customers array ไม่ได้โหลด lineUserId มา

ให้ผมตรวจสอบ onUsersUpdate ว่าโหลด lineUserId มาไหม:

การโหลด users ถูกต้องแล้ว fromFirestore(doc.data()) ควรจะมี lineUserId มาด้วย

ปัญหาน่าจะเป็นว่า ลูกค้าที่ทดสอบ login ด้วย email ไม่ได้มี lineUserId ดังนั้นจะไม่ได้รับแจ้งเตือน

ให้ผมตรวจสอบและแก้ปัญหาอีกอย่าง - เมื่อลูกค้า login ด้วย LINE แต่เดิม register ด้วย email ต้อง update lineUserId:

โค้ด LINE login ถูกต้อง - ค้นหา user ด้วย lineUserId และถ้าไม่มีก็สร้างใหม่พร้อม lineUserId

ตอนนี้ให้ผมลองทดสอบด้วย console log ละเอียดขึ้น และเพิ่มการแก้ไขที่จะ query Firestore โดยตรงเหมือน AdminDashboard เพื่อให้แน่ใจว่าจะหา customer ที่มี lineUserId ได้:

ให้ผมเพิ่ม Firestore query โดยตรงเหมือน AdminDashboard เพื่อให้แน่ใจว่าจะหา lineUserId ได้:

แก้ไข TechnicianDashboard ให้ query Firestore โดยตรงเพื่อหา customer ที่มี lineUserId แทนที่จะใช้ customers array จาก props ซึ่งอาจไม่มีข้อมูลครบ และลบ debug logs ที่ไม่จำเป็นออก

ตอนนี้ลองทดสอบอีกครั้ง - เมื่อช่างกดเสร็จงาน ระบบจะ query Firestore โดยตรงเพื่อหา lineUserId ของลูกค้าและส่งแจ้งเตือนผ่าน LINE