Continue move to redux

src/components/ReleaseVersionDisplay/ReleaseVersionDisplay.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import './ReleaseVersionDisplay.css';
+import * as Constants from '../../constants';
 import DropDown from '../UI/DropDown/DropDown';
 import Grid from '../UI/Grid/Grid';
 import Text from '../UI/Text/Text';
@@ -70,7 +71,7 @@ export default props => {
       <DropDown changed={props.releaseChanged}
                 colSpan={remain=>remain / 3 - 1}
                 disabled={props.disabled}
-                items={props.releaseTypes}
+                items={Constants.RELEASE_TYPES}
                 row={5}
                 rowSpan={7}
                 selected={props.release}/>

src/components/UpgradeUI/UpgradeUI.js

@@ -1,9 +1,17 @@
+import {connect} from 'react-redux';
 import Button from '../UI/Button/Button';
 import Box from '../UI/Box/Box';
 import React from 'react';
 import './UpgradeUI.css';
+import {setDismissUIUpgrade} from '../../redux/actions/release_version_actions';
 
-export default props => {
+const mapDispatchToProps = dispatch => {
+  return {
+    setDismissUIUpgrade: dismiss => dispatch(setDismissUIUpgrade(dismiss)),
+  };
+};
+
+export default connect(null, mapDispatchToProps)(props => {
   return (
     <Box dxStyle={{width: '180px', height: 'auto', padding: '5px'}}>
       <div style={{width: '100%', height: 'auto'}}>
@@ -18,10 +26,10 @@ export default props => {
             </td>
             <td width="50%">
               <Button buttonStyles={{width: '100%'}}
-                      clicked={props.cancel}>Cancel</Button>
+                      clicked={() => props.setDismissUIUpgrade(true)}>Cancel</Button>
             </td>
           </tr>
         </tbody>
       </table>
     </Box>);
-};
+});