71 lines
2.2 KiB
JavaScript
71 lines
2.2 KiB
JavaScript
import { useEffect, useState } from 'react';
|
|
|
|
export function useMovies() {
|
|
const [movies, setMovies] = useState([]);
|
|
const [loading, setLoading] = useState(false);
|
|
const [error, setError] = useState(null);
|
|
|
|
useEffect(() => {
|
|
const fetchMovies = async () => {
|
|
setLoading(true);
|
|
try {
|
|
const response = await fetch('http://localhost:3001/movies');
|
|
if (!response.ok) throw new Error('Network response was not ok');
|
|
const data = await response.json();
|
|
setMovies(data);
|
|
} catch (err) {
|
|
setError(err.message);
|
|
} finally {
|
|
setLoading(false);
|
|
}
|
|
};
|
|
|
|
fetchMovies();
|
|
}, []);
|
|
|
|
const addMovie = async (movieData) => {
|
|
try {
|
|
const response = await fetch('http://localhost:3001/movies', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(movieData),
|
|
});
|
|
const newMovie = await response.json();
|
|
setMovies(prev => [...prev, newMovie]);
|
|
return true;
|
|
} catch (err) {
|
|
setError(err.message);
|
|
return false;
|
|
}
|
|
};
|
|
|
|
const updateMovie = async (movieData) => {
|
|
try {
|
|
await fetch(`http://localhost:3001/movies/${movieData.id}`, {
|
|
method: 'PUT',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(movieData),
|
|
});
|
|
setMovies(prev => prev.map(m => m.id === movieData.id ? movieData : m));
|
|
return true;
|
|
} catch (err) {
|
|
setError(err.message);
|
|
return false;
|
|
}
|
|
};
|
|
|
|
const deleteMovie = async (id) => {
|
|
try {
|
|
await fetch(`http://localhost:3001/movies/${id}`, {
|
|
method: 'DELETE',
|
|
});
|
|
setMovies(prev => prev.filter(m => m.id !== id));
|
|
return true;
|
|
} catch (err) {
|
|
setError(err.message);
|
|
return false;
|
|
}
|
|
};
|
|
|
|
return { movies, loading, error, addMovie, updateMovie, deleteMovie };
|
|
} |