💄 cursor-pointer to table row

Co-authored-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>

src/App.tsx

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

src/components/MovieTableRow/index.tsx

@@ -14,7 +14,7 @@ Modal.setAppElement(mainAppElement as HTMLElement)
 
 const MovieTableRow: React.FC<MovieTableRowProps> = ({ movie, onClick }) => {
   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.img src={movie.Poster} alt={movie.Title} width="100" />
       </q.td>