BlockStorage/repertory-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[Repertory release notification icon] [Prevent release change when mount is busy] [Initial loading animation]

Browse Source
This commit is contained in:
Scott E. Graves
2018-09-26 02:20:11 -05:00
parent 762a7ec6e3
commit 0f12f7e33a
8 changed files with 119 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/UpgradeIcon/UpgradeIcon.css
View File

@@ -7,8 +7,5 @@
border: 0;
box-sizing: border-box;
cursor: pointer;
}
div.UpgradeIcon {
cursor: default;
opacity: 0.65;
}

11
src/components/UpgradeIcon/UpgradeIcon.js
View File

@@ -1,10 +1,15 @@
import React from 'react';
import CSSModules from 'react-css-modules';
import styles from './UpgradeIcon.css';
import availableImage from '../../assets/images/upgrade_available.png';
import availableImage from '../../assets/images/release_available.png';
export default CSSModules((props) => {
let style;
if (props.release) {
style = {float: 'right', marginRight: '5%', cursor: 'default'};
}
return props.available ?
<img alt='' styleName='UpgradeIcon' src={availableImage} onClick={props.clicked}/> :
<div styleName='UpgradeIcon'/> ;
<img alt='' style={style} styleName='UpgradeIcon' src={availableImage} onClick={props.clicked}/> :
null;
}, styles, {allowMultiple: true});