Cleaned up HTML attribute orders

This commit is contained in:
Peter Zimon 2020-07-24 10:03:48 +02:00
parent b035a0ae57
commit 9e001fa8a9
3 changed files with 6 additions and 6 deletions

View File

@ -45,7 +45,7 @@ const Styles = ({brandColor, retry, disabled, style = {}}) => {
function ActionButton({label, onClick, disabled, retry, brandColor, style}) {
let Style = Styles({disabled, retry, brandColor, style});
return (
<button onClick={e => onClick(e)} style={Style.button} className="gh-portal-btn gh-portal-btn-main gh-portal-btn-primary" disabled={disabled}>
<button className="gh-portal-btn gh-portal-btn-main gh-portal-btn-primary" style={Style.button} onClick={e => onClick(e)} disabled={disabled}>
{label}
</button>
);

View File

@ -41,13 +41,13 @@ function InputField({name, id, label, hideLabel, type, value, placeholder, disab
<label htmlFor={id} className={labelClasses}> {label} </label>
<input
id={id}
className='gh-portal-input'
type={type}
name={name}
placeholder={placeholder}
value={value}
className='gh-portal-input'
disabled={disabled}
placeholder={placeholder}
onChange={e => onChange(e, name)}
disabled={disabled}
aria-label={label}
/>
</>

View File

@ -8,7 +8,7 @@ export const AvatarStyles = `
align-items: center;
justify-content: center;
overflow: hidden;
margin-bottom: 12px;
margin-bottom: 8px;
border-radius: 999px;
}
`;
@ -42,7 +42,7 @@ function MemberGravatar({gravatar, style}) {
return (
<figure className='gh-portal-avatar'>
<UserIcon style={Style.userIcon} />
{gravatar ? <img src={gravatar} alt="Gravatar" style={Style.gravatar} /> : null}
{gravatar ? <img style={Style.gravatar} src={gravatar} alt="Gravatar" /> : null}
</figure>
);
}