Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

changing props name to be more consistant

Browse Source
This commit is contained in:
Alex Windett 2016-10-28 12:47:58 +01:00
parent 7e85e17367
commit 54b9601d9c
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/components/avatar/index.js
View File

@ -6,7 +6,7 @@ const styles = require('./style.css');
const Avatar = ({ const Avatar = ({
color, color,
image, src,
name, name,
className, className,
style style
@ -23,12 +23,12 @@ const Avatar = ({
}; };
const fill = () => { const fill = () => {
if ( image ) { if ( src ) {
return ( return (
<img <img
alt={name} alt={name}
className={styles.picture} className={styles.picture}
src={image} src={src}
style={style} style={style}
/> />
); );
@ -55,8 +55,8 @@ const Avatar = ({
Avatar.propTypes = { Avatar.propTypes = {
className: React.PropTypes.string, className: React.PropTypes.string,
color: React.PropTypes.string, color: React.PropTypes.string,
image: React.PropTypes.string,
name: React.PropTypes.string, name: React.PropTypes.string,
src: React.PropTypes.string,
style: React.PropTypes.object style: React.PropTypes.object
}; };

4
ui/src/components/avatar/readme.md
View File

@ -19,7 +19,7 @@ nmodule.exports = ReactDOM.renderToString(
<Avatar color='#35a8c0' name='Alex' /> <Avatar color='#35a8c0' name='Alex' />
</Column> </Column>
<Column> <Column>
<Avatar color='#ef6176' name='Alex' image='https://openclipart.org/image/2400px/svg_to_png/177482/ProfilePlaceholderSuit.png' /> <Avatar color='#ef6176' name='Alex' src='https://openclipart.org/image/2400px/svg_to_png/177482/ProfilePlaceholderSuit.png' />
</Column> </Column>
</Row> </Row>
</Base> </Base>
@ -35,7 +35,7 @@ const Avatar = require('ui/avatar');
module.exports = () => { module.exports = () => {
return ( return (
<Avatar color='#35a8c0' name='Alex' /> <Avatar color='#35a8c0' name='Alex' />
<Avatar color='#ef6176' name='Alex' image='path/to/image.png' /> <Avatar color='#ef6176' name='Alex' src='path/to/image.png' />
); );
} }
``` ```