Best Sellers Menu

Purpose

The Best Sellers page shows top-selling products for specific time periods, including rank and quantity sold.

Main sections

1. Header

   • Back: return to the previous screen.
   • Warehouse: choose which warehouse to display.
   • Subtitle shows the active warehouse (default: All Warehouses).

2. Kartu Periode (M1 - M4)

   • Each card shows a list of top products.
   • M1, M2, M3, M4 are periods provided by the API (labels may vary).
   • Each row contains:
     • Product rank.
     • Product name.
     • Sold quantity.
     • Product code.
     • A visual bar to compare quantities.

Choose warehouse (modal)

1. Tap the Warehouse button.
2. Select:
   • All Warehouses to include all warehouses.
   • One warehouse from the list.
3. Data reloads automatically based on your selection.

Interaction & status

• Pull to refresh to reload all periods.
• While a card is loading, a small loading indicator appears.
• If loading fails, an error message appears on the related card.
• If there is no data, you will see “No data.”

Quick usage flow

1. Open Best Sellers.
2. (Optional) Choose a warehouse.
3. Review top products per period.
4. Pull down to refresh.

Tips

• Use Warehouse filter to focus on a specific warehouse.
• The longest bar indicates the highest quantity sold in that period.