ui/ux on catalogue

src/features/store-admin/pages/SalesPage.tsx

@@ -18,7 +18,7 @@ import {
   usePosSalesByBranch,
 } from '@/queries/hooks';
 import { useBranchScope } from '../BranchScope';
-import { branchLabel, count, money, moneyExact } from '../format';
+import { branchLabel, count, money, moneyExact, plural } from '../format';
 import {
   DELIVERY_STATUS,
   ORDER_STATUS,
@@ -366,7 +366,7 @@ export function SalesPage() {
             <KpiCard
               label="Order value"
               value={money(orderTotals.value)}
-              note={`${count(orderRows.length)} orders`}
+              note={`${plural(orderRows.length, 'order')}`}
               tone="accent"
               icon={<ShoppingCart size={15} />}
             />
@@ -508,7 +508,7 @@ export function SalesPage() {
             <KpiCard
               label="Counter revenue"
               value={money(counterTotals.gross)}
-              note={`${count(counterTotals.bills)} bills`}
+              note={`${plural(counterTotals.bills, 'bill')}`}
               tone="success"
               icon={<Receipt size={15} />}
             />