forked from neptune-mutual-blue/nft-website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
RegularNfts.jsx
34 lines (31 loc) · 992 Bytes
/
RegularNfts.jsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import Link from 'next/link'
import { Slider } from '@/components/Slider/Slider'
import { getMarketplaceFiltersHref } from '@/utils/nft'
const RegularNfts = ({ regularNfts }) => {
return (
<div className='regular nfts'>
<h2>Regular NFTs</h2>
<Slider gap={16}>
{
regularNfts.sort((obj1, obj2) => obj1.siblings - obj2.siblings).map((character) => {
return (
<div
key={character.name}
className='character details with slider'
>
<Link href={getMarketplaceFiltersHref(character)}>
<div>
<img src={character.thumbnail} alt={character.name} />
</div>
<div className='character name'>{character.name}</div>
<div className='supporting text'>{character.siblings} siblings</div>
</Link>
</div>
)
})
}
</Slider>
</div>
)
}
export { RegularNfts }