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

feat: add Earn amount inputs #1870

Merged
merged 7 commits into from
Jan 24, 2025
Merged

feat: add Earn amount inputs #1870

merged 7 commits into from
Jan 24, 2025

Conversation

abcrane123
Copy link
Contributor

@abcrane123 abcrane123 commented Jan 23, 2025

What changed? Why?

  • add EarnAmountInput and wrappers for Earn component
<WithdrawAmountInput />
<DepositAmountInput />

Notes to reviewers

How has it been tested?

Copy link

vercel bot commented Jan 23, 2025

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

Name Status Preview Comments Updated (UTC)
onchainkit-coverage ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 24, 2025 8:01pm
onchainkit-playground ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 24, 2025 8:01pm
onchainkit-routes ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jan 24, 2025 8:01pm

@abcrane123 abcrane123 marked this pull request as ready for review January 23, 2025 23:43
@abcrane123 abcrane123 requested a review from cpcramer January 23, 2025 23:47
<div className={cn('flex flex-col', className)}>
<TextInput
className={cn(
'w-full border-[none] bg-transparent font-display text-[2.5rem]',
Copy link
Contributor

Choose a reason for hiding this comment

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

any way to avoid the magic 2.5rem?

brendan-defi
brendan-defi previously approved these changes Jan 24, 2025
0xAlec
0xAlec previously approved these changes Jan 24, 2025
<div className={cn('flex flex-col', className)}>
<TextInput
className={cn(
'w-full border-[none] bg-transparent font-display text-5xl',
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
'w-full border-[none] bg-transparent font-display text-5xl',
'w-full border-none bg-transparent font-display text-5xl',

Shouldn't need an arbitrary value

disabled,
value,
onChange,
'aria-label': ariaLabel,
Copy link
Contributor

Choose a reason for hiding this comment

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

The only thing that's a little weird about this is exposing a random aria-label to the developer but no other input attributes. Is there a way that we could handle it ourselves?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

well EarnAmountInput shouldn't be used by developer -> they would use the wrapper DepositAmountInput or WithdrawAmountInput that doesn't expose those

@abcrane123 abcrane123 merged commit 39535b8 into main Jan 24, 2025
16 checks passed
@abcrane123 abcrane123 deleted the alissa.crane/earn-input branch January 24, 2025 20:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

6 participants