AquaDealers
← All Docs
The desktop interface replaces the mobile bottom nav with a fixed left sidebar and uses the additional screen width for split-pane layouts and richer data tables.
Ctrl+K / Cmd+K opens the inline page search at the top of the sidebar from anywhere in the app (see Information Architecture). Farmer/bill/product search is a separate modal opened from the Dashboard's search button.+ sits in a notch on the sidebar's right edge (both wide and collapsed sidebar). Click it or press N to open a menu of every create action; each has a letter key (table below). Same actions, staff-permission rules and Settings → Quick Add Menu choices as the phone long-press sheet (src/components/layout/QuickAddMenu.tsx).| # | Item | Icon | Route |
|---|---|---|---|
| 1 | Dashboard | LayoutDashboard | /dashboard |
| 2 | Billing | Receipt | /bills |
| 3 | Estimates | FileText | /estimates |
| 4 | Stock & Purchase | Package | /inventory |
| 5 | Farmers | Users | /farmers |
| 6 | Dues | WalletCards | /dues |
| 7 | Daily Book | NotebookPen | /book |
| 8 | Suppliers | Truck | /suppliers |
| 9 | Cashbook | BookText | /cashbook |
| 10 | Reports | FileBarChart | /reports |
| 11 | More | LayoutGrid | /more |
Desktop billing condenses the mobile 3-step wizard into a 2-step flow, taking advantage of the wider viewport.
Split layout. The left pane shows the product catalog with Feed/Medicine tabs, a search bar, and a grid/list toggle. The right pane shows the cart with inline payment controls.
Ctrl+K or / focuses the product search. Click a product in the catalog to add it to the cart. Quantity and price are editable inline. Payment type and amount fields sit below the cart items.
Full bill review with all line items, totals, and GST breakdown. A larger signature canvas (desktop-sized) captures the farmer's signature. The Create button confirms the bill, followed by an option to send via WhatsApp.
Desktop billing uses a 2-step flow vs. mobile's 3-step wizard. The wider screen allows catalog browsing and cart management simultaneously, eliminating the need for a separate payment step.
| Shortcut | Action | Context |
|---|---|---|
Ctrl+K / Cmd+K | Open the sidebar page search | Global |
B | New bill | Global (not while typing) |
N | Open / close Quick add menu | Global (not while typing or with a dialog open) |
B E P C R X I O F T | Bill, Estimate, Purchase, Collect Payment, Sales Return, Expense, Cash In, Cash Out, Add Farmer, Stock Transfer | Quick add menu open (only actions ticked in Settings) |
/ | Focus product search | Billing page |
Escape | Close modal / dialog | Any open modal |
Tab | Navigate form fields | Forms |
Enter | Submit focused form / confirm dialog | Forms / modals |
Ctrl+K on billing | Focus product search (same as /) | Billing page |
| Page | Layout | Details |
|---|---|---|
| Dashboard | 12-column grid (8/4 split) | Main stats + chart on the left, quick actions on the right. |
| Bill Detail | Side-by-side | Bill info on the left, payment history on the right. |
| Farmer Ledger | Wide table | More columns visible with less horizontal scrolling. |
| Farmer Detail | Split view | Farmer info card on the left, ledger table on the right. |
| Reports | Full-width charts | Profit charts and ageing charts use the full content width. |
| Settings | Centered narrow | Max-width 640px for form readability. |
Ctrl+K) — jump to any app page by name; staff-hidden pages are excluded.@media print stylesheet hides navigation and chrome, formats the bill for A4/Letter output.jsPDF (draws text/tables directly, same approach as the reports/statements PDFs below — not a DOM screenshot).