hi im new to all this and have been building a nft minting site through tutorials, im a little stuck now, i need help with sorting my nfts by name or id by clicking on a button. how could i do this when my script look like this;
right now they are showing 5 per row and i want to be able to sort them by name and id
<LipRenderer lip={item} />
is the nft img and should also be sorted with the name etc
{data.allOwnerLips.map((item, index) => {
return (
<s.Container key={index} style={{ padding: "15px" }}>
<LipRenderer lip={item} />
<s.Container style={{ padding: "15px" }}>
<s.TextDescription> {item.dna}</s.TextDescription>
<s.TextDescription> {item.name}</s.TextDescription>
<s.TextDescription> {item.rarity}</s.TextDescription>
<s.TextDescription> {item.id}</s.TextDescription>
<s.TextDescription> {item.level} </s.TextDescription>
</s.Container>
</s.Container>