feat: baan select component and BaanContext

[punchanabu]

BaanSelect Component

View mode

Empty State

• ปุ่มเลือกบ้านยังไม่ได้เชื่อม

View State

• ปุ่มแก้ไขยังไม่ได้เชื่อม

Edit mode

• Can deleted selection by clicking trash icon

• กด confirmed จะมี pop up modal มา

• ถ้ากด confirmed แล้วจะแก้ไขอะไรไม่ได้แล้วใน edit mode ปุ่มแก้ไขจะหายทั้งหมด

BaanContext

interface IBaanContext {
  baanCounts: BaanCount[] | null; 
  selectedBaan: BaanSelection[] | null; # อันนี้ไว้ดูบ้านที่เราเลือก
  addBaanSelection: (baanId: string, order: number) => void; # ไว้เลือกบ้าน
  removeBaanSelection: (baanId: string) => void; # ไว้ลบการเลือกบ้าน
  removeAllBaanSelection: () => void; #ไว้เคลียบ้านที่เลือกทั้งหมด
  isLoading: boolean;
}

Usage

const { selectedBaan } = useBaan()

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
firstdate-rpkm67-frontend	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 17, 2024 2:30pm

[TeeGoood]

👍