tip error tweaks

This commit is contained in:
jessop 2020-04-13 15:42:15 -04:00
parent 067615afc2
commit 63d6cdaa1a
3 changed files with 19 additions and 18 deletions

View file

@ -1126,5 +1126,7 @@
"It's usually only worth unlocking what you intend to use immediately. %learn_more%": "It's usually only worth unlocking what you intend to use immediately. %learn_more%", "It's usually only worth unlocking what you intend to use immediately. %learn_more%": "It's usually only worth unlocking what you intend to use immediately. %learn_more%",
"%amount% available to unlock": "%amount% available to unlock", "%amount% available to unlock": "%amount% available to unlock",
"%message% hihi": "%message% hihi", "%message% hihi": "%message% hihi",
"Comrade Yrbl, we have a problem": "Comrade Yrbl, we have a problem" "How much would you like to unlock?": "How much would you like to unlock?",
"A prudent choice": "A prudent choice",
"Join": "Join"
} }

View file

@ -6,6 +6,7 @@ import Button from 'component/button';
import { Form, FormField } from 'component/common/form'; import { Form, FormField } from 'component/common/form';
import Card from 'component/common/card'; import Card from 'component/common/card';
import I18nMessage from 'component/i18nMessage'; import I18nMessage from 'component/i18nMessage';
import ErrorText from 'component/common/error-text';
type Props = { type Props = {
balance: number, balance: number,
@ -107,7 +108,11 @@ const SupportsLiquidate = (props: Props) => {
</> </>
} }
body={ body={
!abandonClaimError && ( abandonClaimError ? (
<div className="error__wrapper--no-overflow">
<ErrorText>{__('%message%', { message: abandonClaimError })}</ErrorText>
</div>
) : (
<> <>
<div className="section"> <div className="section">
<I18nMessage <I18nMessage
@ -156,20 +161,14 @@ const SupportsLiquidate = (props: Props) => {
} }
actions={ actions={
<React.Fragment> <React.Fragment>
{abandonClaimError ? ( <div className="section__actions">
<> <Button
<div className="error__wrapper--no-overflow"> disabled={error}
<div className="error__text">{__('%message%', { message: abandonClaimError })}</div> button="primary"
</div> onClick={abandonClaimError ? handleClose : handleSubmit}
<div className="section__actions"> label={abandonClaimError ? __('Done') : __('Unlock')}
<Button disabled={error} button="primary" onClick={handleClose} label={__('Done')} /> />
</div> </div>
</>
) : (
<div className="section__actions">
<Button disabled={error} button="primary" onClick={handleSubmit} label={__('Unlock')} />
</div>
)}
</React.Fragment> </React.Fragment>
} }
/> />

View file

@ -245,7 +245,7 @@ img {
} }
.error__wrapper--no-overflow { .error__wrapper--no-overflow {
@extend .error-wrapper; @extend .error__wrapper;
max-height: 10rem; max-height: 10rem;
overflow: hidden; overflow: hidden;
} }