This repository has no description
fix typing and feature section
author
damedotblog
date
(Feb 28, 2025, 2:11 AM -0500)
commit
4565c839
4565c8399b32e86d4b6bfef108cc3e50bfa3f2d8
parent
5cdf938e
5cdf938e257dbdf37734e9df9730a33f70f810f3
+11
-6
+11
-6
src/components/Resources/Resources.js
+11
-6
src/components/Resources/Resources.js
···
1
-
// src/components/Resources/Resources.jsx
1
+
// src/components/Resources/Resources.jsx - Modified version
2
2
import React, { useState, useEffect, useMemo } from 'react';
3
3
import './Resources.css';
4
4
import ResourceLoader from './ResourceLoader';
···
178
178
return grouped;
179
179
}, [filteredResources, activeCategory]);
180
180
181
-
// Should show featured section only when All category is selected and no quality filter is active
182
-
const shouldShowFeatured = activeCategory === 'All' && qualityFilter === 0;
181
+
// Should show featured section only when All category is selected, no quality filter is active, and search query is empty
182
+
const shouldShowFeatured = activeCategory === 'All' && qualityFilter === 0 && searchQuery.trim() === '';
183
183
184
184
// Handle star rating click for quality filter
185
185
const handleStarClick = (rating) => {
186
186
setQualityFilter(rating === qualityFilter ? 0 : rating);
187
187
};
188
188
189
+
// Handle search input change
190
+
const handleSearchChange = (e) => {
191
+
setSearchQuery(e.target.value);
192
+
};
193
+
189
194
return (
190
195
<main className="resources-page">
191
196
<div className="alt-card">
···
205
210
type="text"
206
211
placeholder="Search resources..."
207
212
value={searchQuery}
208
-
onChange={(e) => setSearchQuery(e.target.value)}
213
+
onChange={handleSearchChange}
209
214
className="search-input"
210
215
aria-label="Search resources"
211
216
/>
···
225
230
</div>
226
231
</header>
227
232
228
-
<div class="filter-disclaimer-container">
233
+
<div className="filter-disclaimer-container">
229
234
230
235
{/* Improved Filter Bar */}
231
236
<div className="resources-filters">
···
311
316
<ResourceLoader />
312
317
) : (
313
318
<>
314
-
{/* Featured Section - Hidden when quality filter is active */}
319
+
{/* Featured Section - Hidden when quality filter is active or search query is not empty */}
315
320
{shouldShowFeatured && featuredResources.length > 0 && (
316
321
<div className="featured-section">
317
322
<h2>Featured Resources</h2>