)}
- {activeTab === 'orders' && (
-
- )}
+ {/* Orders & Deliveries moved out of the store console into their own pages. */}
{/* ── Replenishment Modal Dialog Overlay ── */}
{replenishModal.show && replenishModal.item && (
diff --git a/src/components/UserStorePage.tsx b/src/components/UserStorePage.tsx
index 075341c..d669d4a 100644
--- a/src/components/UserStorePage.tsx
+++ b/src/components/UserStorePage.tsx
@@ -4,7 +4,21 @@
*/
import React, { useState } from 'react';
-import { AlertTriangle, LayoutDashboard, User, Mail, Phone, Store, ShieldCheck } from 'lucide-react';
+import {
+ AlertTriangle,
+ LayoutDashboard,
+ User,
+ Mail,
+ Phone,
+ Store,
+ ShieldCheck,
+ ShoppingBag,
+ Truck,
+ Route,
+ ClipboardList,
+ Layers,
+ Users,
+} from 'lucide-react';
import {
useFiestaTenantLocations,
useFiestaLocationSummary,
@@ -14,6 +28,11 @@ import { str as fstr, num as fnum, roleName } from '../services/fiestaApi';
import type { AuthUser } from '../services/auth';
import Header from './Header';
import StoreDetailView from './StoreDetailView';
+import StoreCatalogView from './StoreCatalogView';
+import OrdersView from './OrdersView';
+import DeliveriesView from './DeliveriesView';
+import DispatchView from './DispatchView';
+import DeliveryReportsView from './DeliveryReportsView';
import UserStoreSidebar, { type UserNavItem } from './UserStoreSidebar';
interface UserStorePageProps {
@@ -27,6 +46,12 @@ interface UserStorePageProps {
// gets a matching branch in `renderSection` below.
const NAV_ITEMS: UserNavItem[] = [
{ id: 'console', label: 'Store Console', icon: LayoutDashboard },
+ { id: 'inventory', label: 'Inventory & Catalog', icon: Layers },
+ { id: 'customers', label: 'Customers', icon: Users },
+ { id: 'orders', label: 'Orders', icon: ShoppingBag },
+ { id: 'deliveries', label: 'Deliveries', icon: Truck },
+ { id: 'dispatch', label: 'Dispatch', icon: Route },
+ { id: 'reports', label: 'Delivery Reports', icon: ClipboardList },
{ id: 'account', label: 'My Account', icon: User },
];
@@ -161,6 +186,17 @@ export default function UserStorePage({ onLogout, user }: UserStorePageProps) {
const renderSection = () => {
if (activeSection === 'account') return renderAccount();
+ // Logistics console — scoped to this user's store. These views own their
+ // loading/error states, so they don't need the store-console load gating below.
+ if (activeSection === 'orders') return
;
+ if (activeSection === 'deliveries') return
;
+ if (activeSection === 'dispatch') return
;
+ if (activeSection === 'reports') return
;
+ // Inventory & Catalog is its own page: the manager-curated catalog the user
+ // stocks from (the catalog query is tenant-level, so it doesn't need the store
+ // gating below — only "My Store Inventory" uses the resolved location id).
+ if (activeSection === 'inventory') return
;
+
// The store console needs a resolved store, so gate it on the load state.
if (locationsQ.isLoading || locSummaryQ.isLoading) {
return (
@@ -218,7 +254,12 @@ export default function UserStorePage({ onLogout, user }: UserStorePageProps) {
// canManage=false hides write actions in the console. NOTE: this is a UI-only
// restriction — the backend must also enforce role-based authorization on the
// write endpoints, since a hidden button doesn't stop a direct API call.
- return
;
+ //
+ // The store console is split into separate pages: the "console" nav shows only
+ // Overview & Performance; Customers is its own page (Inventory & Catalog is the
+ // dedicated StoreCatalogView, handled above).
+ const only = activeSection === 'customers' ? 'customers' : 'overview';
+ return
;
};
return (
@@ -240,13 +281,19 @@ export default function UserStorePage({ onLogout, user }: UserStorePageProps) {
/>
-
- {renderSection()}
-
+ {activeSection === 'dispatch' ? (
+ {renderSection()}
+ ) : (
+
+ {renderSection()}
+
+ )}