import { useState } from "react"; import movieApi from "../../apis/movie.api.js"; import catchErrors from "../../utils/catchErrors.js"; import styles from "./movie-table.module.scss"; const MovieTable = ({ movieList }) => { const [error, setError] = useState("") async function handleSubmit(e, movieId) { e.preventDefault(); try { setError("") await movieApi.submit(movieId) alert("서버 등록이 완료되었습니다.") window.location.reload() } catch (error) { catchErrors(error, setError) } } async function handleDelete(e, movieId) { e.preventDefault() try { setError("") await movieApi.remove(movieId) alert("해당 영화 정보가 서버에서 삭제되었습니다.") window.location.reload() } catch (error) { catchErrors(error, setError) } } return (
제목 | 감독 | 상영일 | 줄거리 | 포스터 | 스틸컷 | 예고편 |
---|---|---|---|---|---|---|
{movie.title} | 케이트 쇼트랜드 | {movie.release_date} | {movie.overview !== '' ? 'O' : 'X'} | {movie.poster_path !== '' ? 'O' : 'X'} | {movie.backdrop_path !== '' ? 'O' : 'X'} | {movie.video !== false ? 'O' : 'X'} |
줄거리 - {movie.overview !== '' ? 'O' : 'X'} /
포스터 - {movie.poster_path !== '' ? 'O' : 'X'} /
스틸컷 - {movie.backdrop_path !== '' ? 'O' : 'X'} /
예고편 - {movie.video !== false ? 'O' : 'X'}
{movie.existed ?
: }
|