This commit is contained in:
@@ -1,14 +1,21 @@
|
||||
import { type FC } from 'react'
|
||||
import { type ProductType } from '@/pages/request/type/Types'
|
||||
import PresignedImage from '@/components/PresignedImage'
|
||||
|
||||
const ServiceItem: FC<{ product: ProductType }> = ({ product }) => {
|
||||
return (
|
||||
<div>
|
||||
<div className='size-20 rounded-full bg-gray-200 border-[3px] border-primary'>
|
||||
<img src={product.images?.[0]} alt={product.title} className='w-full h-full object-cover' />
|
||||
<div className='size-20 rounded-full bg-gray-200 border-[3px] border-primary overflow-hidden'>
|
||||
{product.images?.[0] ? (
|
||||
<PresignedImage
|
||||
src={product.images[0]}
|
||||
alt={product.title}
|
||||
className='w-full h-full object-cover'
|
||||
/>
|
||||
) : null}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default ServiceItem
|
||||
export default ServiceItem
|
||||
|
||||
Reference in New Issue
Block a user