Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added member status to the home page #24

Merged
merged 10 commits into from
Nov 4, 2024

Conversation

Lukman-01
Copy link
Contributor

Description

I added batch member status and if checked in status to the home page

MemberStatus

Your ENS/address: 0x186a761645f2A264ad0A655Fb632Ca99150803A9

Copy link

vercel bot commented Oct 25, 2024

@Lukman-01 is attempting to deploy a commit to the BuidlGuidl Team on Vercel.

A member of the Team first needs to authorize it.

@derrekcoleman
Copy link
Collaborator

Thank you for the PR, @Lukman-01!

First, let's make the PR description even nicer. I love your use of screenshot to show the implementation. Could you add a couple more screenshots for the other possible states?

  • Wallet not connected at all
  • Wallet connected, not part of the Batch
  • Wallet connected, part of the Batch, not checked in yet (you can mock this locally even though you already checked in in "production" on OP mainnet)
    The issue you're solving is about providing a clear UX for the user based on these possible states, so that would be very useful information to help us understand how you're thinking about it.

Could you also update your PR description to link to issue #5 ? Not only is that useful context, it also makes it so that when this PR gets merged the matching issue is automatically closed as well.

@Lukman-01
Copy link
Contributor Author

Thank you @derrekcoleman for the observation. Instead of doing screenshot for each implementation, I made a short clip demostrating each implementation. I hope it covers every implementation needed.

https://www.loom.com/share/4e7125956a8f481ebef43f1847e5d119?sid=466dfe05-23a5-4283-a8b8-e3498dad428c

kindly check the above link for the demostration.

@Lukman-01
Copy link
Contributor Author

Good morning Sir @derrekcoleman, kindly review if there will be any changes I need to make.

Copy link
Collaborator

@phipsae phipsae left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks for the PR!!!

See below my comments.

packages/nextjs/app/page.tsx Show resolved Hide resolved
@Lukman-01
Copy link
Contributor Author

Good day @derrekcoleman, @phipsae, I have Implemented all cases required for the membership status.

1
2
3

As for the last one(if a member but have not checkedIn), together with afformentioned ones above are demostrated in the clip below

https://www.loom.com/share/996b3e853d9b46e2ac2814569bdacc5c?sid=4dea6659-620b-482f-b18d-36a1a718852a

Copy link
Collaborator

@phipsae phipsae left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like it, thanks for the implementation!

Just a couple of little comments to work on, shouldn't be too much. And then we merge.

packages/nextjs/app/page.tsx Outdated Show resolved Hide resolved
packages/nextjs/app/page.tsx Outdated Show resolved Hide resolved
connectedAddress: string;
isAllowListed: boolean;
isCheckedIn: boolean;
userContractAddress: string;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do we need userContractAddress or is connectedAddress enough?

</CardHeader>
<CardContent>
<p className="text-sm opacity-70">
Active with contract: {userContractAddress?.slice(0, 6)}...{userContractAddress?.slice(-4)}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Here you might want to use the SE2 component <Address>

@Lukman-01
Copy link
Contributor Author

Thank you Sir @phipsae, corrections implemented.

@derrekcoleman derrekcoleman linked an issue Nov 1, 2024 that may be closed by this pull request
@phipsae phipsae self-requested a review November 3, 2024 13:36
Copy link
Collaborator

@phipsae phipsae left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There's just a small error that needs to be fixed before we can merge.

Thanks!

Comment on lines 116 to 118
<p className="text-sm opacity-70">
Active with wallet address: <Address address={connectedAddress} />
</p>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There’s a hydration error occurring. Please make sure to always check your console for any potential errors.
Screenshot 2024-11-03 at 10 41 45

@Lukman-01
Copy link
Contributor Author

Lukman-01 commented Nov 3, 2024

@phipsae Thank you very much Sir, I will be more observant of the console now. The issue has been resolved.

resolve

@phipsae phipsae self-requested a review November 4, 2024 13:04
@phipsae
Copy link
Collaborator

phipsae commented Nov 4, 2024

Perfect, thanks for your work! Let's merge.

@phipsae phipsae merged commit e609518 into BuidlGuidl:main Nov 4, 2024
1 of 2 checks passed
Copy link

vercel bot commented Nov 4, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
batch10-buidlguidl-com ✅ Ready (Inspect) Visit Preview 💬 Add feedback Nov 4, 2024 1:12pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6. Show connected wallet info
3 participants