\n {/* Company Stats */}\n {companies.length > 0 && (\n

Company Overview

{companies.length}

Companies Reviewed

{reviews.length}

Total Reviews

\n {companies.length > 0 ? (companies.reduce((sum, c) => sum + c.average_rating, 0) / companies.length).toFixed(1) : '0'}\n

Average Rating

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

Browse Reviews

\n \n {hasActiveFilters && (\n \n Clear all filters\n \n )}\n

\n\n

\n {/* Search */}\n

\n setSearchTerm(e.target.value)}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-l-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n />\n \n 🔍\n \n \n\n {/* Min Rating Filter */}\n handleFilterChange('minRating', e.target.value ? parseInt(e.target.value) : undefined)}\n className=\"px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n \n \n\n {/* Employment Status Filter */}\n handleFilterChange('employmentStatus', e.target.value || undefined)}\n className=\"px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n\n {/* Sort Filter */}\n handleFilterChange('sortBy', e.target.value)}\n className=\"px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n \n \n \n \n \n

\n\n {/* Top Companies */}\n {companies.length > 0 && !filters.company && (\n

Top Reviewed Companies

\n {companies.slice(0, 6).map((company) => (\n {\n setSearchTerm(company.company_name);\n onFilterChange({ ...filters, company: company.company_name });\n }}\n >\n

{company.company_name}

\n {company.review_count} reviews\n

\n ★\n {company.average_rating}\n

\n ))}\n

\n )}\n\n {/* Reviews List */}\n

\n {reviews.length === 0 ? (\n

📝

No reviews found

\n {hasActiveFilters \n ? \"Try adjusting your filters or search terms.\"\n : \"Be the first to submit a company review!\"\n }\n

\n ) : (\n <>\n

\n {reviews.length} Review{reviews.length !== 1 ? 's' : ''}\n {filters.company && ` for \"${filters.company}\"`}\n

\n \n {reviews.map((review) => (\n \n ))}\n \n )}\n

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