\n $\"OBUO$ \n

Orders Dashboard

\n {filteredAndSortedOrders.length} of {orders.length} orders\n

\n\n {/* Filters and Search */}\n

\n setSearchTerm(e.target.value)}\n className=\"w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n \n

\n setFilterType(e.target.value)}\n className=\"px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500\"\n >\n \n {orderTypes.map(type => (\n \n ))}\n \n \n setSortBy(e.target.value as any)}\n className=\"px-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n \n setSortOrder(sortOrder === 'asc' ? 'desc' : 'asc')}\n className=\"px-3 py-2 border border-gray-300 rounded-md hover:bg-gray-50 focus:ring-2 focus:ring-blue-500\"\n title={`Sort ${sortOrder === 'asc' ? 'Descending' : 'Ascending'}`}\n >\n {sortOrder === 'asc' ? '↑' : '↓'}\n \n

\n\n {/* Orders List */}\n {filteredAndSortedOrders.length === 0 ? (\n

\n $\"OBUO$ \n

\n {orders.length === 0 ? 'No orders yet. Place your first order with OBUO Farms above!' : 'No orders match your search criteria.'}\n

\n ) : (\n

\n {filteredAndSortedOrders.map((order) => (\n

\n {order.clientName}\n

\n \n {getStatusText(order.deliveryDate)}\n \n

\n \n

\n 📧 {order.email}\n

\n 📞 {order.phone}\n

\n 🆔 #{order.id}\n

\n \n

\n {order.orderType}\n

\n Qty: {order.quantity}\n

\n Delivery: {formatDate(order.deliveryDate)}\n

\n Created: {formatDateTime(order.createdAt || '')}\n

\n \n {order.notes && (\n

\n Notes: {order.notes}\n

\n )}\n

\n ))}\n

\n )}\n

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