import Head from 'next/head' import { useRouter } from 'next/router' import { useState } from 'react' import useSWR from 'swr' import CollectionSearch from '../../components/CollectionSearch' import Loading from '../../components/Loading' import PageTitle from '../../components/PageTitle' import PaginationImproved from '../../components/PaginationImproved' import SearchBar from '../../components/SearchBar' import { getUrl, movieUpcoming } from '../../lib/tmdb' import { fetcher, pathToSearchMovie } from '../../utils' export default function UpcomingMovies() { const router = useRouter() const { page } = router.query const [currentPage, setCurrentPage] = useState(Number(page)) const url = getUrl(movieUpcoming) + `&page=${currentPage}` const { data, error } = useSWR(url, fetcher) const isFirst = currentPage === 1 const isLast = data ? currentPage === data.total_pages : false return (
Upcoming Movies | Watcho {data ? ( <> setCurrentPage(currentPage - 1)} goToNextPage={() => setCurrentPage(currentPage + 1)} totalPages={data.total_pages} /> ) : ( )}
) }