sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve search functionality and navigation on the blog

Browse Source 
Update search endpoint to use Bunny API's search parameter for efficiency, refactor client-side search query handling to use window.location.search for better query parameter retrieval, and update header navigation to use window.location.href for consistent routing. Also, update gallery image URLs in gallery-data.json.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: bdfa6652-3a31-4f32-a642-d62bd1746159
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/jdAEdU5
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-04 09:04:01 +00:00
parent ff34633ea6
commit a7493e4279
3 changed files with 538 additions and 537 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
client/src/components/header.tsx
View File

@ -29,10 +29,11 @@ export default function Header() {
const handleSearch = (e: React.FormEvent) => { const handleSearch = (e: React.FormEvent) => {
e.preventDefault(); e.preventDefault();
if (searchQuery.trim().length >= 2) { if (searchQuery.trim().length >= 2) {
navigate(`/search?q=${encodeURIComponent(searchQuery.trim())}`); const url = `/search?q=${encodeURIComponent(searchQuery.trim())}`;
setSearchOpen(false); setSearchOpen(false);
setSearchQuery(""); setSearchQuery("");
setMobileOpen(false); setMobileOpen(false);
window.location.href = url;
} }
}; };

16
client/src/pages/search.tsx
View File

@ -26,18 +26,18 @@ interface SearchResult {
} }
export default function SearchPage() { export default function SearchPage() {
const [location] = useLocation(); const qs = typeof window !== "undefined" ? window.location.search : "";
const params = new URLSearchParams(location.split("?")[1] || ""); const initialQuery = new URLSearchParams(qs).get("q") || "";
const initialQuery = params.get("q") || "";
const [query, setQuery] = useState(initialQuery); const [query, setQuery] = useState(initialQuery);
const [searchTerm, setSearchTerm] = useState(initialQuery); const [searchTerm, setSearchTerm] = useState(initialQuery);
useEffect(() => { useEffect(() => {
const p = new URLSearchParams(location.split("?")[1] || ""); const q = new URLSearchParams(window.location.search).get("q") || "";
const q = p.get("q") || ""; if (q && q !== searchTerm) {
setQuery(q); setQuery(q);
setSearchTerm(q); setSearchTerm(q);
}, [location]); }
}, [qs]);
const { data, isLoading } = useQuery<SearchResult>({ const { data, isLoading } = useQuery<SearchResult>({
queryKey: ["/api/search", searchTerm], queryKey: ["/api/search", searchTerm],

1056
server/gallery-data.json
View File

File diff suppressed because it is too large Load Diff