import React, { Component } from 'react'
import { DrawerLabel } from '..'
import Avatar from 'material-ui/Avatar'
import RaisedButton from 'material-ui/RaisedButton'
import styles from './Profile.css'

const avatarStyles = {
	width: 200,
	height: 200,
	marginLeft: 88,
    marginTop: 32,
    marginRight: 88,
    marginBottom: 6
}

class Profile extends Component {
	render () {
		const { avatar, details, actions } = this.props
		return (
			<div style={{ overflowY: 'auto', height: '100%' }}>
				{ avatar ? <Avatar src={avatar} style={avatarStyles} /> : null}
				{
					details.map((e, i) => (
						<DrawerLabel key={i} name={e.name} value={e.value} />
					))
				}
				{
					actions ? actions.map((a, i) => (
						<RaisedButton key={i} {...a} style={{ marginTop: 26 }} fullWidth={true} />
					)) : null
				}
			</div>
		)
	}
}

export default Profile
import React, { Component } from 'react'
import { DrawerLabel } from '..'
import Avatar from 'material-ui/Avatar'
import styles from './Profile.css'

const avatarStyles = {
	width: 200,
	height: 200,
	marginLeft: 88,
    marginTop: 32,
    marginRight: 88,
    marginBottom: 6
}

class Profile extends Component {
	render () {
		const { avatar, details } = this.props
		return (
			<div style={{ overflowY: 'auto', height: '100%' }}>
				{ avatar ? <Avatar src={avatar} style={avatarStyles} /> : null}
				{
					details.map((e, i) => (
						<DrawerLabel key={i} name={e.name} value={e.value} />
					))
				}
			</div>
		)
	}
}

export default Profile
--- 
+++ 
@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
 import { DrawerLabel } from '..'
 import Avatar from 'material-ui/Avatar'
+import RaisedButton from 'material-ui/RaisedButton'
 import styles from './Profile.css'
 
 const avatarStyles = {
@@ -14,7 +15,7 @@
 
 class Profile extends Component {
 	render () {
-		const { avatar, details } = this.props
+		const { avatar, details, actions } = this.props
 		return (
 			<div style={{ overflowY: 'auto', height: '100%' }}>
 				{ avatar ? <Avatar src={avatar} style={avatarStyles} /> : null}
@@ -23,6 +24,11 @@
 						<DrawerLabel key={i} name={e.name} value={e.value} />
 					))
 				}
+				{
+					actions ? actions.map((a, i) => (
+						<RaisedButton key={i} {...a} style={{ marginTop: 26 }} fullWidth={true} />
+					)) : null
+				}
 			</div>
 		)
 	}
Support for actions in profile
