Sid Gifari File Manager
🏠 Root
/
home
/
genremedia08
/
musicjukebox.overlookedtracks.com
/
resources
/
client
/
web-player
/
genres
/
Editing: genre-image.tsx
import defaultImage from './../artists/artist-image/artist-default-image-small.jpg'; import {useTrans} from '@common/i18n/use-trans'; import {message} from '@common/i18n/message'; import clsx from 'clsx'; import {Genre} from '@app/web-player/genres/genre'; interface GenreImageProps { genre: Genre; className?: string; size?: string; } export function GenreImage({genre, className, size}: GenreImageProps) { const {trans} = useTrans(); return ( <img className={clsx(className, size, 'object-cover bg-fg-base/4')} draggable={false} loading="lazy" src={getGenreImage(genre)} alt={trans(message('Image for :name', {values: {name: genre.name}}))} /> ); } export function getGenreImage(genre: Genre): string { return genre?.image ? genre.image : defaultImage; }
Save
Cancel
