specs / 017-Changes-Hide-Court-Images-Time-Slot

017 - Hide court images in booking pickers

  • Tanggal: 2026-08-10
  • Chat/topik: Hapus gambar court di picker booking (By time + By court)

Ringkasan perubahan

Kartu pemilihan court di alur booking tidak lagi menampilkan gambar — layout teks saja (kategori, nama, harga, status). Berlaku untuk mode By time (setelah pilih slot) dan By court (filter court).

Court picker: daftar vertikal / grid 2 kolom; harga di kartu hanya per jam (/hr); total Court rental di bottom bar (Book). Animasi expand/collapse time slot. Hapus "Find by" / "Choose your court"; waktu + court expanded dalam satu kotak.

Juga perbaikan iOS: Time Slot menampilkan semua jam "Full" karena getRawData tidak unwrap envelope API (data), sehingga map availability kosong.

Impact bisnis

Picker lebih tenang dan cepat dibaca; mengurangi visual noise tanpa mengubah aturan ketersediaan atau harga.

Epic / User stories

  • Epic: Booking UX polish
  • US: Sebagai member, saya ingin memilih court dari daftar yang jelas tanpa gambar, agar fokus pada nama, kategori, dan harga.

User terdampak

Member (Android, iOS, Web).

Aplikasi terdampak

  • mpc-android: PERLU — CourtPickCard teks saja
  • mpc-ios: PERLU — parity CourtPickCard
  • mpc-web: PERLU — grid By time + rail By court tanpa Image
  • mpc-be / mpc-be-pos / mpc-admin / mpc-pos / mpc-owner / ksr-sync: TIDAK — UI only

Perubahan schema

Tidak ada.

Perubahan kode

  • Android: TimeSlotScreen.kt — CourtPickCard tanpa SmartImage
  • iOS: TimeSlotScreen.swift — CourtPickCard tanpa image; MpcApi.getRawData unwrap data (fix Full slots)
  • Web: BookClient.tsx — hapus Image di picker By court dan grid pasca time slot
  • Changelog: Android v1.14 / iOS v1.3 / Web v0.4 (tanpa bump versi baru)