37 lines
817 B
React
37 lines
817 B
React
|
// @flow
|
||
|
|
import React from 'react';
|
||
|
|
// import * as icons from 'constants/icons';
|
||
|
|
import * as FeatherIcons from 'react-feather';
|
||
|
|
import * as icons from 'constants/icons';
|
||
|
|
|
||
|
|
const RED_COLOR = '#e2495e';
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
icon: string,
|
||
|
|
size?: number,
|
||
|
|
};
|
||
|
|
|
||
|
|
class IconComponent extends React.PureComponent<Props> {
|
||
|
|
// TODO: Move all icons to constants and add titles for all
|
||
|
|
// Add some some sort of hover flyout with the title?
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { icon } = this.props;
|
||
|
|
const Icon = FeatherIcons[icon];
|
||
|
|
|
||
|
|
let color;
|
||
|
|
if (icon === icons.HEART) {
|
||
|
|
color = RED_COLOR;
|
||
|
|
}
|
||
|
|
|
||
|
|
let size = 14;
|
||
|
|
if (icon === icons.ARROW_LEFT || icon === icons.ARROW_RIGHT) {
|
||
|
|
size = 18;
|
||
|
|
}
|
||
|
|
|
||
|
|
return Icon ? <Icon size={size} className="icon" color={color} /> : null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default IconComponent;
|