mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
36 lines
1.1 KiB
React
36 lines
1.1 KiB
React
|
import React, { Component } from 'react';
|
||
|
import PropTypes from 'prop-types';
|
||
|
|
||
|
import { IconButton } from 'react-mdl';
|
||
|
import styles from './variant.scss';
|
||
|
import { UPDATE_FEATURE } from '../../../permissions';
|
||
|
|
||
|
class VariantViewComponent extends Component {
|
||
|
render() {
|
||
|
const { variant, editVariant, removeVariant, hasPermission } = this.props;
|
||
|
return (
|
||
|
<tr>
|
||
|
<td onClick={editVariant}>{variant.name}</td>
|
||
|
<td>{variant.weight}</td>
|
||
|
{hasPermission(UPDATE_FEATURE) ? (
|
||
|
<td className={styles.actions}>
|
||
|
<IconButton name="expand_more" onClick={editVariant} />
|
||
|
<IconButton name="delete" onClick={removeVariant} />
|
||
|
</td>
|
||
|
) : (
|
||
|
<td className={styles.actions} />
|
||
|
)}
|
||
|
</tr>
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
VariantViewComponent.propTypes = {
|
||
|
variant: PropTypes.object,
|
||
|
removeVariant: PropTypes.func,
|
||
|
editVariant: PropTypes.func,
|
||
|
hasPermission: PropTypes.func.isRequired,
|
||
|
};
|
||
|
|
||
|
export default VariantViewComponent;
|