sidski/Cinemateket
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

💄 cursor-pointer to table row

Browse source 
Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
haraldnilsen 2023-09-05 16:25:10 +02:00
parent 431e1bd472
commit bf107bd256
2 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.tsx
View file

@ -15,6 +15,8 @@ function App() {
const [modalOpen, setModalOpen] = useState(false) const [modalOpen, setModalOpen] = useState(false)
const [modalMovie, setModalMovie] = useState<movieObject | null>(null) const [modalMovie, setModalMovie] = useState<movieObject | null>(null)
console.log('App mounted')
useEffect(() => { useEffect(() => {
fetch( fetch(
`http://www.omdbapi.com/?apikey=${API_MOVIE_KEY}&s=spider-man&page=${currentPage}` `http://www.omdbapi.com/?apikey=${API_MOVIE_KEY}&s=spider-man&page=${currentPage}`
@ -27,7 +29,7 @@ function App() {
}) })
.then(() => setLoading(false)) .then(() => setLoading(false))
.catch((error) => console.log(error)) .catch((error) => console.log(error))
}, [currentPage]) }, [])
const calculatePages = (totalResults: number): number => { const calculatePages = (totalResults: number): number => {
return Math.round(totalResults / 10) return Math.round(totalResults / 10)

2
src/components/MovieTableRow/index.tsx
View file

@ -14,7 +14,7 @@ Modal.setAppElement(mainAppElement as HTMLElement)
const MovieTableRow: React.FC<MovieTableRowProps> = ({ movie, onClick }) => { const MovieTableRow: React.FC<MovieTableRowProps> = ({ movie, onClick }) => {
return ( return (
<q.tr onClick={onClick} className="card rounded-md"> <q.tr onClick={onClick} className="card rounded-md hover:cursor-pointer">
<q.td className="p-2"> <q.td className="p-2">
<q.img src={movie.Poster} alt={movie.Title} width="100" /> <q.img src={movie.Poster} alt={movie.Title} width="100" />
</q.td> </q.td>