\n {/* Navigation Header */}\n

\n 📦\n Shipping Operations\n

\n setCurrentView('dashboard')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'dashboard'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n Dashboard\n \n setCurrentView('create')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'create'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n Create Shipment\n \n setCurrentView('shipments')}\n className={`px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentView === 'shipments'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n All Shipments\n \n

\n\n {/* Quick Track Search */}\n

\n {\n if (e.key === 'Enter') {\n const value = (e.target as HTMLInputElement).value.trim();\n if (value) {\n handleTrackShipment(value);\n (e.target as HTMLInputElement).value = '';\n }\n }\n }}\n />\n

\n 🔍\n

\n\n {/* Mobile Navigation */}\n

\n setCurrentView('dashboard')}\n className={`block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors ${\n currentView === 'dashboard'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n Dashboard\n \n setCurrentView('create')}\n className={`block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors ${\n currentView === 'create'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n Create Shipment\n \n setCurrentView('shipments')}\n className={`block w-full text-left px-3 py-2 rounded-md text-base font-medium transition-colors ${\n currentView === 'shipments'\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-500 hover:text-gray-700 hover:bg-gray-100'\n }`}\n >\n All Shipments\n \n

\n\n {/* Main Content */}\n

\n {currentView === 'dashboard' && (\n setCurrentView('create')}\n />\n )}\n \n {currentView === 'create' && (\n \n )}\n \n {currentView === 'track' && (\n setCurrentView('dashboard')}\n />\n )}\n \n {currentView === 'shipments' && (\n \n )}\n

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/Shsragab/Shippingrevolution/code/frontend/components/App.tsx","extension","actionData","errors"]