\n {categoryFilter ? `${categoryFilter} Shoes` : 'All Products'}\n

\n \n {/* Filters */}\n

\n {/* Search */}\n

\n \n Search\n \n setSearchQuery(e.target.value)}\n placeholder=\"Search products...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n />\n

\n\n {/* Category Filter */}\n

\n \n Category\n \n setCategoryFilter(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n >\n \n {SHOE_CATEGORIES.map(category => (\n \n ))}\n \n

\n\n {/* Sort */}\n

\n \n Sort By\n \n setSortBy(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n >\n \n \n \n \n \n

\n\n {/* Price Range */}\n

\n \n Price Range\n \n

\n setPriceRange(prev => ({ ...prev, min: Number(e.target.value) }))}\n placeholder=\"Min\"\n className=\"w-full px-2 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n />\n setPriceRange(prev => ({ ...prev, max: Number(e.target.value) }))}\n placeholder=\"Max\"\n className=\"w-full px-2 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-purple-500\"\n />\n

\n\n {/* Results count */}\n

\n Showing {filteredProducts.length} product{filteredProducts.length !== 1 ? 's' : ''}\n

\n\n {/* Products Grid */}\n

\n {filteredProducts.map((product) => (\n

\n {product.images[0]}\n

\n \n

\n {product.name}\n

\n \n

{product.brand}

\n \n

\n \n ${product.price}\n \n {product.originalPrice && (\n \n ${product.originalPrice}\n \n )}\n

\n ⭐\n \n {product.rating}\n \n

\n\n

Available sizes:

\n {product.size.slice(0, 4).map(size => (\n \n {size}\n \n ))}\n {product.size.length > 4 && (\n \n +{product.size.length - 4}\n \n )}\n

\n\n

\n \n \n

\n ))}\n

\n\n {filteredProducts.length === 0 && (\n

😔

\n No products found\n

\n Try adjusting your filters or search terms.\n

\n )}\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/Ruona26/Ecom/code/frontend/components/ProductsPage.tsx","extension","actionData","errors"]