rishav_dml/Assignment05-Movie-Search
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Done #1

Merged
sumitdml123 merged 5 commits from dev into main 2025-01-14 11:02:04 +00:00
Conversation 0 Commits 5 Files changed 6 +8 -4
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 9c716978b3 - Show all commits

1
src/hooks/useFetch.jsx
View file

@ -6,7 +6,6 @@ const useFetch = (url) => {
const [loading, setLoading] = useState(false) const [loading, setLoading] = useState(false)
const [error, setError] = useState({}) const [error, setError] = useState({})
useEffect(() => { useEffect(() => {
// console.log("Inside fetch")
const fetch = async () => { const fetch = async () => {
let response; let response;
try { try {

11
src/pages/HomePage.jsx
View file

@ -16,8 +16,6 @@ const HomePage = () => {
url + "&s=" + searchValue + "&page=" + page url + "&s=" + searchValue + "&page=" + page
); );
console.log(page);
const handlePageChange = (e) => { const handlePageChange = (e) => {
setPage(e?.target?.textContent); setPage(e?.target?.textContent);
}; };
@ -50,7 +48,14 @@ const HomePage = () => {
</div> </div>
{data?.Search?.length > 0 && ( {data?.Search?.length > 0 && (
<div className="flex flex-col items-center m-10"> <div className="flex flex-col items-center m-10">
<ClipLoader color="#fff" loading={loading} size={100} /> {/* <ClipLoader color="#fff" loading={loading} size={100} /> */}
{loading && (
<svg
className="animate-spin h-12 w-12 border-4 border-[#fff] mb-6"
viewBox="0 0 24 24"
fill="#fff"
></svg>
)}
<div className="flex flex-wrap gap-4 mb-6 justify-center"> <div className="flex flex-wrap gap-4 mb-6 justify-center">
{data?.Search?.map((movie) => ( {data?.Search?.map((movie) => (
<Card key={movie?.imdbID} movie={movie} /> <Card key={movie?.imdbID} movie={movie} />