Initial commit
This commit is contained in:
14
src/components/UpgradeIcon/UpgradeIcon.css
Normal file
14
src/components/UpgradeIcon/UpgradeIcon.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.UpgradeIcon {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 0;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.UpgradeIcon {
|
||||
cursor: default;
|
||||
}
|
||||
10
src/components/UpgradeIcon/UpgradeIcon.js
Normal file
10
src/components/UpgradeIcon/UpgradeIcon.js
Normal file
@@ -0,0 +1,10 @@
|
||||
import React from 'react';
|
||||
import CSSModules from 'react-css-modules';
|
||||
import styles from './UpgradeIcon.css';
|
||||
import availableImage from '../../assets/images/upgrade_available.png';
|
||||
|
||||
export default CSSModules((props) => {
|
||||
return props.available ?
|
||||
<img alt='' styleName='UpgradeIcon' src={availableImage} onClick={props.clicked}/> :
|
||||
<div styleName='UpgradeIcon'/> ;
|
||||
}, styles, {allowMultiple: true});
|
||||
Reference in New Issue
Block a user