);
const handleSearch = async (e) => e.preventDefault(); if (!query.trim()) return; setLoading(true); const data = await searchContent(query); setResults(data); setLoading(false); ; xxx-av20432
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-6"> results.map((item) => ( <ContentCard key=item.id item=item onClick=() => navigate(`/details/$item.media_type/$item.id`) /> )) </div> </div> ); ; ); const handleSearch = async (e) => e
export default ContentCard; import React, useEffect, useState from 'react'; import fetchTrending from '../services/api'; import ContentCard from '../components/ContentCard'; import useNavigate from 'react-router-dom'; const Home = () => const [trending, setTrending] = useState([]); const [loading, setLoading] = useState(true); const navigate = useNavigate(); const handleSearch = async (e) =>
);