Find Your Perfect Travel Package

\n \n

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

Search Filters

\n \n

\n \n Destination\n \n setDestination(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-blue-500\"\n />\n

\n \n

\n \n Start Date\n \n setStartDate(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-blue-500\"\n />\n

\n \n

\n \n End Date\n \n setEndDate(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-blue-500\"\n />\n

\n \n

\n \n Price Range\n \n

\n setMinPrice(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-blue-500\"\n />\n setMaxPrice(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-blue-500\"\n />\n

\n \n

\n \n Travelers\n \n setTravelers(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-blue-500\"\n >\n {[1, 2, 3, 4, 5, 6, 7, 8].map((num) => (\n \n ))}\n \n

\n \n

\n \n Sort By Price\n \n setSortOrder(e.target.value as 'ASC' | 'DESC')}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n

\n \n \n Search\n \n \n

\n \n {/* Search Results */}\n

\n {error && (\n

\n {error}\n

\n )}\n \n {loading && packages.length === 0 ? (\n

\n ) : packages.length > 0 ? (\n <>\n

\n {searched ? 'Search Results' : 'Available Packages'}\n

\n {packages.length} packages found\n

\n \n

\n {packages.map((pkg) => (\n onViewPackage(pkg.id)}\n />\n ))}\n

\n \n {hasMore && (\n

\n \n {loading ? 'Loading...' : 'Load More'}\n \n

\n )}\n \n ) : searched ? (\n

🔍

No packages found

Try adjusting your search filters to find more results.

\n ) : null}\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/OssyNach/Appky/code/frontend/components/SearchPage.tsx","extension","actionData","errors"]