Skip to main content

title: “My Orders” description: “Halaman personal untuk tracking status pesanan, riwayat pembelian, dan aksi cepat seperti bayar ulang atau pesan kembali — menggabungkan ProductOrder dan MarketplaceOrder dalam satu timeline.”

My Orders

My Orders My Orders adalah halaman personal yang menampilkan semua pesanan yang dibuat oleh user yang sedang login. Halaman ini menggabungkan data dari dua entitas terpisah — ProductOrder (pesanan internal) dan MarketplaceOrder (pesanan dari marketplace) — ke dalam satu tampilan terpadu dengan tracking status real-time dan timeline visual. Komponen MyOrders.jsx (344 baris) menggunakan polling 10 detik untuk memastikan status pesanan selalu terkini tanpa membebani server dengan request berlebihan.

Arsitektur Data

Dual-Entity Data Model

Fitur Utama

Cara Akses

Status & Timeline

Flow Penggunaan

Polling & Data Refresh Strategy

Order Card Components

Setiap order ditampilkan dalam card yang berisi:

Entity Relationship Diagram

Berikut adalah diagram relasi antar entitas yang terlibat dalam halaman My Orders. Diagram ini menggambarkan bagaimana data order, produk, customer, voucher, dan inventory saling terhubung dalam ekosistem SNISHOP ERP.

Entitas Inti yang Terlibat


Entity Schema — ProductOrder

Entitas ProductOrder merepresentasikan pesanan internal yang dibuat melalui website /toko. Entitas ini memiliki 35+ field yang mencakup informasi produk, customer, pembayaran, diskon, komisi, quota, dan administrasi admin.

Field Utama — Produk & Customer

Field Keuangan & Diskon

Field Status & Administrasi

Field Komisi & Quota Admin


Entity Schema — MarketplaceOrder

Entitas MarketplaceOrder merepresentasikan pesanan yang masuk melalui channel marketplace eksternal atau checkout terintegrasi. Berbeda dengan ProductOrder, entitas ini mendukung multi-item dalam satu order dan memiliki field pengiriman yang lebih lengkap.

Field Identitas & Relasi

Field Items (Multi-Item)

Field Keuangan & Komisi

Field Status & Pengiriman

Field Timestamp Lifecycle


Entity Schema — Entitas Pendukung

POSProduct (Katalog Produk)

POSMember (Membership & Loyalty)

Voucher & ProductVoucher (Sistem Diskon)

MarketplaceCart (Keranjang Belanja)


State Machine — Siklus Hidup Status Order

ProductOrder State Machine

MarketplaceOrder State Machine

Perbedaan Status Flow


Sequence Diagrams — Flow Order

Flow 1: Penempatan Order Internal (ProductOrder)

Flow 2: Penempatan Order Marketplace (MarketplaceOrder)

Flow 3: Reorder (Pesan Lagi)


Dual-Entity Data Model


Fitur Utama


Cara Akses


Status & Timeline


Flow Penggunaan


Polling & Data Refresh Strategy


Order Card Components

Setiap order ditampilkan dalam card yang berisi:

RBAC — Hak Akses per Role

Halaman My Orders menerapkan Row-Level Security (RLS) di Supabase. Setiap role hanya dapat melihat dan mengoperasikan data yang menjadi haknya.

Aturan RLS (Row-Level Security)


Keyboard Shortcuts

Untuk meningkatkan efisiensi operasional, halaman My Orders mendukung keyboard shortcut berikut:

Integration Points

Halaman My Orders berintegrasi dengan beberapa subsistem dalam SNISHOP ERP:

Tips

  • Simpan nomor order untuk referensi jika perlu menghubungi customer service
  • Manfaatkan fitur Pesan Lagi untuk menghemat waktu jika sering memesan item yang sama
  • Cek tab Riwayat untuk melihat pesanan lama dan melakukan reorder
  • Perhatikan badge channel untuk membedakan asal pesanan (website vs marketplace)
  • Gunakan filter status saat volume pesanan tinggi untuk fokus pada order yang perlu ditindaklanjuti
  • Periksa field quota_remaining pada produk quota-based untuk memastikan ketersediaan sebelum order
  • Manfaatkan voucher & kode kupon — cek field voucher_code pada order untuk melacak diskon yang sudah digunakan
  • Monitor loyalty_deficit_points pada POSMember jika ada pembatalan order yang mempengaruhi poin loyalty
  • Gunakan shortcut 1-5 untuk filter status cepat tanpa perlu klik dropdown
  • Perhatikan shipping_address pada MarketplaceOrder untuk memastikan alamat pengiriman sudah benar sebelum status berubah ke shipped