fix rendering

This commit is contained in:
Sasha 2025-03-22 23:18:31 +01:00
parent e236b866af
commit e1c8920d1d
No known key found for this signature in database
2 changed files with 47 additions and 47 deletions

View File

@ -247,6 +247,41 @@ export default function RLNMembershipRegistration() {
</div> </div>
</div> </div>
)} )}
{identity && (
<div className="mt-3 p-3 bg-gray-100 dark:bg-gray-800 rounded-md">
<p className="font-medium mb-2">Your RLN Credentials:</p>
<div className="text-xs font-mono overflow-auto">
<h4 className="font-semibold mt-2 mb-1">Identity:</h4>
<p className="mb-1">
<span className="font-semibold">ID Commitment:</span> {Buffer.from(identity.IDCommitment).toString('hex')}
</p>
<p className="mb-1">
<span className="font-semibold">ID Secret Hash:</span> {Buffer.from(identity.IDSecretHash).toString('hex')}
</p>
<p className="mb-1">
<span className="font-semibold">ID Nullifier:</span> {Buffer.from(identity.IDNullifier).toString('hex')}
</p>
<p className="mb-3">
<span className="font-semibold">ID Trapdoor:</span> {Buffer.from(identity.IDTrapdoor).toString('hex')}
</p>
{/* <h4 className="font-semibold mt-3 mb-1">Membership:</h4>
<p className="mb-1">
<span className="font-semibold">Chain ID:</span> {registrationResult.credentials.membership.chainId}
</p>
<p className="mb-1">
<span className="font-semibold">Contract Address:</span> {registrationResult.credentials.membership.address}
</p>
<p className="mb-1">
<span className="font-semibold">Tree Index:</span> {registrationResult.credentials.membership.treeIndex}
</p> */}
</div>
<p className="text-xs mt-2 text-gray-600 dark:text-gray-400">
These credentials are your proof of membership. Store them securely.
</p>
</div>
)}
{registrationResult.success === true && ( {registrationResult.success === true && (
<div className="mt-4 p-3 bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 rounded"> <div className="mt-4 p-3 bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200 rounded">
@ -279,7 +314,7 @@ export default function RLNMembershipRegistration() {
Your RLN membership is now registered and can be used with your Waku node. Your RLN membership is now registered and can be used with your Waku node.
</p> </p>
{(registrationResult.credentials && !hasPasskey()) && ( {(registrationResult.credentials) && (
<div className="mt-3 p-3 bg-gray-100 dark:bg-gray-800 rounded-md"> <div className="mt-3 p-3 bg-gray-100 dark:bg-gray-800 rounded-md">
<p className="font-medium mb-2">Your RLN Credentials:</p> <p className="font-medium mb-2">Your RLN Credentials:</p>
<div className="text-xs font-mono overflow-auto"> <div className="text-xs font-mono overflow-auto">
@ -313,41 +348,6 @@ export default function RLNMembershipRegistration() {
</p> </p>
</div> </div>
)} )}
{identity && (
<div className="mt-3 p-3 bg-gray-100 dark:bg-gray-800 rounded-md">
<p className="font-medium mb-2">Your RLN Credentials:</p>
<div className="text-xs font-mono overflow-auto">
<h4 className="font-semibold mt-2 mb-1">Identity:</h4>
<p className="mb-1">
<span className="font-semibold">ID Commitment:</span> {Buffer.from(identity.IDCommitment).toString('hex')}
</p>
<p className="mb-1">
<span className="font-semibold">ID Secret Hash:</span> {Buffer.from(identity.IDSecretHash).toString('hex')}
</p>
<p className="mb-1">
<span className="font-semibold">ID Nullifier:</span> {Buffer.from(identity.IDNullifier).toString('hex')}
</p>
<p className="mb-3">
<span className="font-semibold">ID Trapdoor:</span> {Buffer.from(identity.IDTrapdoor).toString('hex')}
</p>
{/* <h4 className="font-semibold mt-3 mb-1">Membership:</h4>
<p className="mb-1">
<span className="font-semibold">Chain ID:</span> {registrationResult.credentials.membership.chainId}
</p>
<p className="mb-1">
<span className="font-semibold">Contract Address:</span> {registrationResult.credentials.membership.address}
</p>
<p className="mb-1">
<span className="font-semibold">Tree Index:</span> {registrationResult.credentials.membership.treeIndex}
</p> */}
</div>
<p className="text-xs mt-2 text-gray-600 dark:text-gray-400">
These credentials are your proof of membership. Store them securely.
</p>
</div>
)}
</div> </div>
)} )}

View File

@ -225,18 +225,18 @@ export function RLNProvider({ children }: { children: ReactNode }) {
const seed = await createPasskey(signer); const seed = await createPasskey(signer);
// const _credentials = await rln.registerMembership({signature: seed}); const _credentials = await rln.registerMembership({signature: seed});
// if (!_credentials) { if (!_credentials) {
// throw new Error("Failed to register membership: No credentials returned"); throw new Error("Failed to register membership: No credentials returned");
// } }
// if (!_credentials.identity) { if (!_credentials.identity) {
// throw new Error("Failed to register membership: Missing identity information"); throw new Error("Failed to register membership: Missing identity information");
// } }
// if (!_credentials.membership) { if (!_credentials.membership) {
// throw new Error("Failed to register membership: Missing membership information"); throw new Error("Failed to register membership: Missing membership information");
// } }
return { success: true, credentials: null }; return { success: true, credentials: _credentials };
} catch (err) { } catch (err) {
let errorMsg = "Failed to register membership"; let errorMsg = "Failed to register membership";
if (err instanceof Error) { if (err instanceof Error) {