import Head from 'next/head'
import CollectionSearch from '../../../components/CollectionSearch'
import Loading from '../../../components/Loading'
import PaginationImproved from '../../../components/PaginationImproved'
import SearchBar from '../../../components/SearchBar'
import { searchMovie } from '../../../lib/tmdb'
import { pathToSearchMovie } from '../../../utils'
export default function SearchMovie({ data, id, page }) {
const currentPage = Number(page)
const isFirst = currentPage === 1
const isLast = data ? currentPage === data.total_pages : false
return (
<>
{id} - Search Results | Watcho
{data ? (
<>
currentPage - 1}
goToNextPage={() => currentPage + 1}
totalPages={data.total_pages}
/>
) : (
)}
)
}
export async function getServerSideProps(context) {
const { id, page } = context.query
const url = searchMovie(id, page)
const response = await fetch(url)
const data = await response.json()
return {
props: {
data,
id,
page,
},
}
}