Completely updated React, fixed #11, (hopefully)

goTorrentWebUI/src/TopMenu/Modals/SettingsModal/SettingsModalContentTabs/apiSettingsTab.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { withStyles } from 'material-ui/styles';
+import Paper from 'material-ui/Paper';
+import Grid from 'material-ui/Grid';
+
+import {connect} from 'react-redux';
+
+
+const styles = theme => ({
+    root: {
+      flexGrow: 1,
+      marginTop: 0,
+    },
+    paper: {
+      padding: 16,
+      textAlign: 'left',
+      color: theme.palette.text.primary,
+    },
+    floatRight: {
+        float: 'right',
+    }
+});
+
+
+class APISettingsTab extends React.PureComponent {
+
+
+    requestNewKey = (keyName) => {
+
+    }
+
+
+    render() {
+        const { classes } = this.props;
+        return (
+            <div className={classes.root}>    
+            Not yet implemented!
+            </div>
+        );
+    }
+}
+
+
+const mapStateToProps = state => {
+    return {
+      settingsFile: state.settingsFile,
+    };
+  }
+
+export default withStyles(styles)(connect(mapStateToProps)(APISettingsTab))
+

goTorrentWebUI/src/TopMenu/Modals/SettingsModal/addSettingsModal.js

@@ -3,7 +3,7 @@ import ReactDOM from 'react-dom';
 import Button from 'material-ui/Button';
 import TextField from 'material-ui/TextField';
 import { withStyles } from 'material-ui/styles';
-import PropTypes from 'prop-types';
+//import PropTypes from 'prop-types';
 import List, {
     ListItem,
     ListItemIcon,
@@ -61,7 +61,7 @@ const inlineStyle = {
           <ReactTooltip place="top" type="light" effect="float" />
           <SettingsIcon />
         </IconButton>
-        <Dialog fullScreen open={this.props.settingsModalOpen} onRequestClose={this.handleRequestClose}>
+        <Dialog fullScreen open={this.props.settingsModalOpen} onClose={this.handleRequestClose} onEscapeKeyDown={this.handleRequestClose}>
         <DialogTitle>Manage Settings</DialogTitle>
         <SettingsModalLayout />
         </Dialog>   

goTorrentWebUI/src/TopMenu/Modals/SettingsModal/settingsModalContent.js

@@ -9,7 +9,7 @@ import ClientSettingsTab from './SettingsModalContentTabs/clientSettingsTab';
 import LoggingSettingsTab from './SettingsModalContentTabs/loggingSettingsTab';
 import NotesTab from './SettingsModalContentTabs/notesTab';
 import ServerSettingsTab from './SettingsModalContentTabs/serverSettingsTab';
-
+import APISettingsTab from './SettingsModalContentTabs/apiSettingsTab';
 
 
 
@@ -35,11 +35,11 @@ class SettingsModalContent extends React.Component {
                 return <LoggingSettingsTab />
             case 3:
                 return <ServerSettingsTab />
+            case 4:
+                return <APISettingsTab />
             default:
                 return <NotesTab />
-        }
-        
-       
+        } 
             
     }
 }

goTorrentWebUI/src/TopMenu/Modals/SettingsModal/settingsModalList.js

@@ -91,6 +91,9 @@ const inlineStyle = {
             <ListItem  className={this.state.activeIndex==3 ? classes.active: null} button onClick={() => this.changeMenuSelection(3)}>
                 <ListItemText primary="Server Settings" />
             </ListItem>
+            <ListItem  className={this.state.activeIndex==4 ? classes.active: null} button onClick={() => this.changeMenuSelection(4)}>
+                <ListItemText primary="API Settings" />
+            </ListItem>
         </List>
       </div>
     );