\n {/* Header */}\n

setState(prev => ({ ...prev, currentView: 'products' }))}\n >\n 🛍️ ShopChat\n

\n \n

\n setState(prev => ({ ...prev, currentView: 'products' }))}\n className={`px-3 py-2 rounded-md text-sm font-medium ${\n state.currentView === 'products' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-500 hover:text-gray-700'\n }`}\n >\n Products\n \n \n setState(prev => ({ ...prev, currentView: 'cart' }))}\n className={`relative px-3 py-2 rounded-md text-sm font-medium ${\n state.currentView === 'cart' \n ? 'bg-blue-100 text-blue-700' \n : 'text-gray-500 hover:text-gray-700'\n }`}\n >\n Cart\n {state.cart.itemCount > 0 && (\n \n {state.cart.itemCount}\n \n )}\n \n \n setState(prev => ({ ...prev, chatOpen: !prev.chatOpen }))}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md text-sm font-medium hover:bg-blue-700 transition-colors\"\n >\n 💬 Support\n \n

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

\n {state.error && (\n

\n {state.error}\n

\n )}\n\n {state.currentView === 'products' && (\n \n )}\n\n {state.currentView === 'cart' && (\n setState(prev => ({ ...prev, currentView: 'checkout' }))}\n onContinueShopping={() => setState(prev => ({ ...prev, currentView: 'products' }))}\n />\n )}\n\n {state.currentView === 'checkout' && (\n setState(prev => ({ ...prev, currentView: 'cart' }))}\n />\n )}\n\n {state.currentView === 'order-success' && state.completedOrder && (\n

✅

Order Confirmed!

\n Thank you for your order. Your order number is #{state.completedOrder.id}\n

Order Details

Total: ${state.completedOrder.total_amount.toFixed(2)}

Status: {state.completedOrder.status}

\n setState(prev => ({ ...prev, currentView: 'products' }))}\n className=\"bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors\"\n >\n Continue Shopping\n \n

\n )}\n

\n\n {/* Chat Component */}\n {state.chatOpen && (\n setState(prev => ({ ...prev, chatOpen: false }))}\n />\n )}\n

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