Estoy tratando de hacer una página de reclamo en next.js que permitiría iniciar sesión en la dirección de metamask para:
Usé este tutorial sobre cómo conectarme a una cuenta de metamask: https://medium.com/@prodmxle/adding-metamask-authentication-in-next-js-application-using-the-thirdweb-9d23e9147496
excepto que el estilo de mi proyecto actualmente se ve igual que el código en el tutorial.
.json:
{ "wallets": [ { "wallet": "YOUR_ROPSTEN WALLET1", "tokenAmount": 44, "hasPizza": true, "hasCoffee": false, "hasBurger": false, "hasClaimed": false }, { "wallet": "YOUR_ROPSTEN WALLET2", "tokenAmount": 2, "hasPizza": false, "hasCoffee": false, "hasBurger": false, "hasClaimed": true }, { "wallet": "YOUR_ROPSTEN WALLET3", "tokenAmount": 4, "hasPizza": false, "hasCoffee": false, "hasBurger": false, "hasClaimed": true } ]
}
Aprenda la función api en nextJS, es bastante sencillo, será demasiado para explicar aquí. Como tiene los datos del usuario, puede enviar una solicitud de API con la ID del usuario y, en el extremo de la API, puede filtrar y devolver solo los datos de ese usuario.
O
Dado que tiene una base de datos bastante pequeña y suponiendo que ya está alojada o importada y tiene los datos dentro del componente que desea mostrar
const userId="YOUR_ROPSTEN WALLET1" const user= data.filter(user=> user.wallet===userId);
Ahora el usuario se verá así
[ { "wallet": "YOUR_ROPSTEN WALLET1", "tokenAmount": 44, "hasPizza": true, "hasCoffee": false, "hasBurger": false, "hasClaimed": false } ]