diff --git a/frontend/src/components/MovieModal/index.tsx b/frontend/src/components/MovieModal/index.tsx index 75b6c4d..5be01a0 100644 --- a/frontend/src/components/MovieModal/index.tsx +++ b/frontend/src/components/MovieModal/index.tsx @@ -23,13 +23,13 @@ const MovieModal: React.FC<MovieModalProps> = ({ <q.div className="flex"> <q.img className="h-44 max-w-sm mx-auto mb-4 rounded-md shadow" - src={modalMovie?.Poster} - alt={modalMovie?.Title} + src={modalMovie?.poster} + alt={modalMovie?.title} /> <q.div className="flex flex-col px-10 pt-5"> - <q.h1 className="text-xl font-bold mb-4">{modalMovie?.Title}</q.h1> - <q.p>Year: {modalMovie?.Year}</q.p> - <q.p>Type: {modalMovie?.Type}</q.p> + <q.h1 className="text-xl font-bold mb-4">{modalMovie?.title}</q.h1> + <q.p>Year: {modalMovie?.year}</q.p> + <q.p>Type: {modalMovie?.type}</q.p> <q.a className='"underline text-blue-500 hover:text-blue-700"' href={`https://www.imdb.com/title/${modalMovie?.imdbID}`} diff --git a/frontend/src/components/MovieTableRow/index.tsx b/frontend/src/components/MovieTable/MovieTableRow/index.tsx similarity index 91% rename from frontend/src/components/MovieTableRow/index.tsx rename to frontend/src/components/MovieTable/MovieTableRow/index.tsx index f467c84..e5039cd 100644 --- a/frontend/src/components/MovieTableRow/index.tsx +++ b/frontend/src/components/MovieTable/MovieTableRow/index.tsx @@ -1,4 +1,4 @@ -import type { movieObject } from '../../types/movie' +import type { movieObject } from '../../../types/movie' import Modal from 'react-modal' import q from 'qjuul' diff --git a/frontend/src/components/MovieTable/index.tsx b/frontend/src/components/MovieTable/index.tsx index 132ddc1..f71c35e 100644 --- a/frontend/src/components/MovieTable/index.tsx +++ b/frontend/src/components/MovieTable/index.tsx @@ -1,6 +1,6 @@ import type { movieObject } from '../../types/movie' import q from 'qjuul' -import MovieTableRow from '../MovieTableRow' +import MovieTableRow from './MovieTableRow' import arrow from '../../../public/arrow-down-up-svgrepo-com.svg' interface MovieTableProps { diff --git a/frontend/src/components/PaginationButton/index.tsx b/frontend/src/components/Pagination/PaginationButton/index.tsx similarity index 100% rename from frontend/src/components/PaginationButton/index.tsx rename to frontend/src/components/Pagination/PaginationButton/index.tsx diff --git a/frontend/src/components/PaginationButton/styles.css b/frontend/src/components/Pagination/PaginationButton/styles.css similarity index 100% rename from frontend/src/components/PaginationButton/styles.css rename to frontend/src/components/Pagination/PaginationButton/styles.css diff --git a/frontend/src/components/Pagination/index.tsx b/frontend/src/components/Pagination/index.tsx index 8ba0549..c73ec04 100644 --- a/frontend/src/components/Pagination/index.tsx +++ b/frontend/src/components/Pagination/index.tsx @@ -1,5 +1,5 @@ import q from 'qjuul' -import PaginationButton from '../PaginationButton' +import PaginationButton from './PaginationButton' import { useEffect, useState } from 'react' interface PaginationProps { diff --git a/frontend/src/components/index.ts b/frontend/src/components/index.ts index 673fdd5..9a1c397 100644 --- a/frontend/src/components/index.ts +++ b/frontend/src/components/index.ts @@ -1,5 +1,5 @@ export { default as Pagination } from './Pagination' -export { default as MovieTableRow } from './MovieTableRow' +export { default as MovieTableRow } from './MovieTable/MovieTableRow' export { default as MovieForm } from './MovieForm' export { default as MovieTable } from './MovieTable' export { default as MovieModal } from './MovieModal'