Adding some navigation items from #262 to the getting started screen
parent
6e7e97c849
commit
6d1066fe61
4 changed files with 83 additions and 6 deletions
@ -0,0 +1,41 @@ |
|||||||
|
import { Link } from 'react-router'; |
||||||
|
|
||||||
|
const outerStyle = { |
||||||
|
display: 'block', |
||||||
|
padding: '15px', |
||||||
|
fontSize: '16px', |
||||||
|
color: '#fff', |
||||||
|
textDecoration: 'none' |
||||||
|
}; |
||||||
|
|
||||||
|
const iconStyle = { |
||||||
|
display: 'inline-block', |
||||||
|
marginRight: '5px' |
||||||
|
}; |
||||||
|
|
||||||
|
const ColumnLink = ({ icon, text, to, href }) => { |
||||||
|
if (href) { |
||||||
|
return ( |
||||||
|
<a href={href} style={outerStyle} className='column-link'> |
||||||
|
<i className={`fa fa-fw fa-${icon}`} style={iconStyle} /> |
||||||
|
{text} |
||||||
|
</a> |
||||||
|
); |
||||||
|
} else { |
||||||
|
return ( |
||||||
|
<Link to={to} style={outerStyle} className='column-link'> |
||||||
|
<i className={`fa fa-fw fa-${icon}`} style={iconStyle} /> |
||||||
|
{text} |
||||||
|
</Link> |
||||||
|
); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
ColumnLink.propTypes = { |
||||||
|
icon: React.PropTypes.string.isRequired, |
||||||
|
text: React.PropTypes.string.isRequired, |
||||||
|
to: React.PropTypes.string, |
||||||
|
href: React.PropTypes.string |
||||||
|
}; |
||||||
|
|
||||||
|
export default ColumnLink; |
Loading…
Reference in new issue