-
Notifications
You must be signed in to change notification settings - Fork 72
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: deposit modal form invalid states #1415
base: main
Are you sure you want to change the base?
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
<div tw="text-center"> | ||
There was an error. Please increase your deposit amount and try again. | ||
</div> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
do you think we should use <AlertMessage>
component? Or does it stray too far from your ideal design
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
gonna amend this in a bit actually, dan gave me new designs
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
done now!
<Button | ||
tw="w-full" | ||
state={ButtonState.Disabled} | ||
disabled | ||
state={depositDisabled ? ButtonState.Disabled : ButtonState.Default} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
state={{ isDisabled: depositDisabled, isLoading: isFetching }}
const depositButtonInner = useMemo(() => { | ||
if (isFetching) return <LoadingDots size={3} />; | ||
if (!hasSufficientBalance) return `Insufficient ${getTokenSymbol(token.denom)}`; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
no need.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the insufficient balance message?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the loading dots. sorry!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
done!
Insufficient token:
Deposit amount too small (designs not finalized just placeholder for now):