27 lines
702 B
JavaScript
27 lines
702 B
JavaScript
export default function FilmGenres({ genres }) {
|
|
return (
|
|
<div className='mb-6'>
|
|
<h3 className='mb-2 md:text-lg'>Genres</h3>
|
|
<ul className='flex flex-wrap text-xs font-light md:text-sm'>
|
|
{renderGenres(genres)}
|
|
</ul>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function renderGenres(arr) {
|
|
if (arr.length !== 0) {
|
|
return arr.map(genre => {
|
|
return (
|
|
<li
|
|
key={genre.id}
|
|
className='mr-2 mb-2 flex items-center justify-center rounded-md border-none bg-app-dark-blue dark:bg-light-white py-px px-2 text-center font-light text-app-pure-white dark:text-app-dark-blue'
|
|
>
|
|
{genre.name}
|
|
</li>
|
|
)
|
|
})
|
|
} else {
|
|
return 'N/A'
|
|
}
|
|
}
|