60 lines
1.9 KiB
JavaScript
60 lines
1.9 KiB
JavaScript
import {v4 as uuidv4} from 'uuid'
|
|
|
|
export const TMDB_ENDPOINT = "https://api.themoviedb.org/3"
|
|
export const TMDB_API_KEY = "d0e6107be30f2a3cb0a34ad2a90ceb6f"
|
|
export const TMDB_IMAGE_ENDPOINT = 'https://image.tmdb.org/t/p/w500'
|
|
|
|
|
|
export const pathToSearchAll = '/search/'
|
|
export const pathToSearchMovie = '/search/movie/'
|
|
export const pathToSearchTV = '/search/tv/'
|
|
|
|
|
|
export const fetcher = url => fetch(url).then(res => {
|
|
return res.json()
|
|
})
|
|
|
|
|
|
export const shimmer = (w, h) => `
|
|
<svg width="${w}" height="${h}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
<defs>
|
|
<linearGradient id="g">
|
|
<stop stop-color="#333" offset="20%" />
|
|
<stop stop-color="#222" offset="50%" />
|
|
<stop stop-color="#333" offset="70%" />
|
|
</linearGradient>
|
|
</defs>
|
|
<rect width="${w}" height="${h}" fill="#333" />
|
|
<rect id="r" width="${w}" height="${h}" fill="url(#g)" />
|
|
<animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite" />
|
|
</svg>
|
|
`
|
|
|
|
export const toBase64 = str =>
|
|
typeof window === 'undefined'
|
|
? Buffer.from(str).toString('base64')
|
|
: window.btoa(str)
|
|
|
|
export const renderResults = (array, Component, media_type) => {
|
|
return array.map(item => (
|
|
<Component
|
|
key={item.id || uuidv4()}
|
|
id={item.id}
|
|
category={item.media_type || media_type}
|
|
rating={item.adult}
|
|
src={
|
|
item.backdrop_path
|
|
? `${TMDB_IMAGE_ENDPOINT}/${item.backdrop_path}`
|
|
: `${TMDB_IMAGE_ENDPOINT}/${item.poster_path}`
|
|
}
|
|
title={
|
|
item.title ? item.title : item.original_name || item.original_title
|
|
}
|
|
year={item.release_date || item.first_air_date}
|
|
/>
|
|
))
|
|
}
|
|
|
|
export const sliceArray = (arr, limit) => {
|
|
return arr.slice(0, limit)
|
|
}
|