Recap จากชั่วโมงที่ 3
ชั่วโมงที่แล้วเราทำอะไร
- สร้าง
IssueStatusและIssue - สร้าง mock data
issues: Issue[] - เปลี่ยน static table เป็น
issues.map(...) - ใช้
getStatusClass()เพื่อกำหนด class ของ status badge
ปัญหาตอนนี้
ทุกอย่างยังอยู่ใน src/app/page.tsx:
types
mock data
helper function
form JSX
table JSX
page layoutKey Message
ชั่วโมงนี้เราจะเริ่มจากการแยก form, table และ status badge ออกจาก page.tsx ไปเป็นไฟล์ component จริง