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 { search } from '../../lib/tmdb'
import { pathToSearchAll } from '../../utils'
export default function Search({ data, id, page }) {
const currentPage = Number(page)
const isFirst = currentPage === 1
const isLast = data ? currentPage === data.total_pages : false
const filteredResults = data
? data.results.filter(item => item.media_type !== 'person')
: []
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 = search(id, page)
const response = await fetch(url)
const data = await response.json()
return {
props: {
data,
id,
page,
},
}
}