1import React from 'react'; 2import {ROUTE_PATH, useNavigate} from '@/entry/router'; 3import ListItem from '@/components/base/listItem'; 4import {ImgAsset} from '@/constants/assetsConst'; 5 6interface IAlbumResultsProps { 7 albumItem: IAlbum.IAlbumItem; 8} 9 10export default function AlbumItem(props: IAlbumResultsProps) { 11 const {albumItem} = props; 12 const navigate = useNavigate(); 13 14 return ( 15 <ListItem 16 left={{ 17 artwork: albumItem.artwork, 18 fallback: ImgAsset.albumDefault, 19 }} 20 title={albumItem.title} 21 desc={`${albumItem.artist} ${albumItem.date}`} 22 tag={albumItem.platform} 23 onPress={() => { 24 navigate(ROUTE_PATH.ALBUM_DETAIL, { 25 albumItem, 26 }); 27 }} 28 /> 29 ); 30} 31