Update UI

Author: sanex3339

.nvmrc

@@ -0,0 +1 @@
+6.9.2

App/containers/App.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import { connect } from 'react-redux';
 
@@ -13,14 +14,14 @@ import OptionsContainer from './OptionsContainer';
 class App extends Component {
 
   static propTypes = {
-    dispatch: React.PropTypes.func,
-    code: React.PropTypes.string,
-    obfuscatedCode: React.PropTypes.string,
-    sourceMap: React.PropTypes.string,
-    obfuscating: React.PropTypes.bool,
-    obfuscated: React.PropTypes.bool,
-    error: React.PropTypes.bool,
-    options: React.PropTypes.object,
+    dispatch: PropTypes.func,
+    code: PropTypes.string,
+    obfuscatedCode: PropTypes.string,
+    sourceMap: PropTypes.string,
+    obfuscating: PropTypes.bool,
+    obfuscated: PropTypes.bool,
+    error: PropTypes.bool,
+    options: PropTypes.object,
   }
 
   obfuscate() {

App/containers/CodeContainer.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import { connect } from 'react-redux';
 
@@ -17,16 +18,16 @@ const TAB_RESULTS = 2;
 class CodeContainer extends Component {
 
   static propTypes = {
-    code: React.PropTypes.string,
-    obfuscatedCode: React.PropTypes.string,
-    pending: React.PropTypes.bool,
-    hasResults: React.PropTypes.bool,
-    onCodeChange: React.PropTypes.func,
-    onObfuscateClick: React.PropTypes.func,
-    onDownloadCodeClick: React.PropTypes.func,
-    onDownloadSourceMapClick: React.PropTypes.func,
-    hasSourceMap: React.PropTypes.bool,
-    hasObfuscatedCode: React.PropTypes.bool,
+    code: PropTypes.string,
+    obfuscatedCode: PropTypes.string,
+    pending: PropTypes.bool,
+    hasResults: PropTypes.bool,
+    onCodeChange: PropTypes.func,
+    onObfuscateClick: PropTypes.func,
+    onDownloadCodeClick: PropTypes.func,
+    onDownloadSourceMapClick: PropTypes.func,
+    hasSourceMap: PropTypes.bool,
+    hasObfuscatedCode: PropTypes.bool,
   };
 
   constructor(props) {
@@ -151,7 +152,7 @@ class CodeContainer extends Component {
     return (
       <div>
 
-        <div className="ui top attached tabular menu">
+        <div className="ui top attached stackable three item menu">
           <Title active={tabIndex === TAB_CODE} onClick={() => this.onTabClick(TAB_CODE)}>Copy & Paste JavaScript Code</Title>
           <Title active={tabIndex === TAB_UPLOAD} onClick={() => this.onTabClick(TAB_UPLOAD)}>Upload JavaScript Files</Title>
           <Title active={tabIndex === TAB_RESULTS} onClick={() => this.onTabClick(TAB_RESULTS)}>Output</Title>
@@ -250,8 +251,8 @@ const Pane = (props) => {
 }
 
 Pane.propTypes = {
-  active: React.PropTypes.bool.isRequired,
-  children: React.PropTypes.node.isRequired,
+  active: PropTypes.bool.isRequired,
+  children: PropTypes.node.isRequired,
 }
 
 
@@ -265,7 +266,7 @@ const Title = (props) => {
 }
 
 Title.propTypes = {
-  active: React.PropTypes.bool.isRequired,
-  children: React.PropTypes.node.isRequired,
-  onClick: React.PropTypes.func.isRequired,
+  active: PropTypes.bool.isRequired,
+  children: PropTypes.node.isRequired,
+  onClick: PropTypes.func.isRequired,
 }

App/containers/EditorContainer.js

@@ -1,4 +1,5 @@
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 
 import Codemirror from 'react-codemirror';
 
@@ -15,8 +16,8 @@ export default class EditorContainer extends Component {
   }
 
   static propTypes = {
-    value: React.PropTypes.string.isRequired,
-    onBlur: React.PropTypes.func.isRequired,
+    value: PropTypes.string.isRequired,
+    onBlur: PropTypes.func.isRequired,
   }
 
   componentDidMount () {

App/containers/EntryInputContainer.js

@@ -1,16 +1,17 @@
 import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Form } from 'semantic-ui-react';
 
 export default class EntryInputContainer extends Component {
 
   static propTypes = {
-    label: React.PropTypes.string,
-    actionAddEntryToState: React.PropTypes.func.isRequired,
-    actionRemoveEntryFromState: React.PropTypes.func.isRequired,
-    entries: React.PropTypes.array.isRequired,
-    placeholder: React.PropTypes.string,
-    buttonIcon: React.PropTypes.string,
-    disabled: React.PropTypes.bool,
+    label: PropTypes.string,
+    actionAddEntryToState: PropTypes.func.isRequired,
+    actionRemoveEntryFromState: PropTypes.func.isRequired,
+    entries: PropTypes.array.isRequired,
+    placeholder: PropTypes.string,
+    buttonIcon: PropTypes.string,
+    disabled: PropTypes.bool,
   }
 
   constructor(props) {
@@ -75,6 +76,6 @@ const Labels = ({entries, onCloseClick}) =>
   </div>
 
 Labels.propTypes = {
-  entries: React.PropTypes.array,
-  onCloseClick: React.PropTypes.func.isRequired,
+  entries: PropTypes.array,
+  onCloseClick: PropTypes.func.isRequired,
 }