LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

ensure all publish form errors have same styling

Browse source
This commit is contained in:
Sean Yesmunt 2018-06-28 16:12:17 -04:00
parent abacec9e3a
commit b79d13b44d
2 changed files with 5 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/renderer/component/publishForm/view.jsx
View file

@ -251,23 +251,15 @@ class PublishForm extends React.PureComponent<Props> {
renderFormErrors() {
const { name, nameError, title, bid, bidError, tosAccepted } = this.props;
if (nameError || bidError) {
// There will be inline errors if either of these exist
// These are just extra help at the bottom of the screen
// There could be multiple bid errors, so just duplicate it at the bottom
return (
<div className="card__subtitle form-field__error">
{nameError && <div>{__('The URL you created is not valid.')}</div>}
{bidError && <div>{bidError}</div>}
</div>
);
}
// These are extra help
// If there is an error it will be presented as an inline error as well
return (
<div className="card__content card__subtitle card__subtitle--block form-field__error">
<div className="card__content card__subtitle form-field__error">
{!title && <div>{__('A title is required')}</div>}
{!name && <div>{__('A URL is required')}</div>}
{name && nameError && <div>{__('The URL you created is not valid.')}</div>}
{!bid && <div>{__('A bid amount is required')}</div>}
{bid && bidError && <div>{bidError}</div>}
{!tosAccepted && <div>{__('You must agree to the terms of service')}</div>}
</div>
);

4
src/renderer/scss/component/_card.scss
View file

@ -150,10 +150,6 @@
padding-top: $spacing-vertical * 1/3;
}
.card__subtitle--block {
display: block;
}
.card__meta {
color: var(--color-help);
font-size: 14px;