New: Import Lists Base (#196)

* New: Import Lists Base

frontend/src/Settings/ImportLists/ImportListSettings.js

@@ -0,0 +1,56 @@
+import React, { Component } from 'react';
+import PageContent from 'Components/Page/PageContent';
+import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector';
+import SettingsToolbarConnector from 'Settings/SettingsToolbarConnector';
+import ImportListsConnector from './ImportLists/ImportListsConnector';
+
+class ImportListSettings extends Component {
+
+  //
+  // Lifecycle
+
+  constructor(props, context) {
+    super(props, context);
+
+    this.state = {
+      hasPendingChanges: false
+    };
+  }
+
+  //
+  // Listeners
+
+  setListOptionsRef = (ref) => {
+    this._listOptions = ref;
+  }
+
+  onHasPendingChange = (hasPendingChanges) => {
+    this.setState({
+      hasPendingChanges
+    });
+  }
+
+  onSavePress = () => {
+    this._listOptions.getWrappedInstance().save();
+  }
+
+  //
+  // Render
+
+  render() {
+    return (
+      <PageContent title="Import List Settings">
+        <SettingsToolbarConnector
+          hasPendingChanges={this.state.hasPendingChanges}
+          onSavePress={this.onSavePress}
+        />
+
+        <PageContentBodyConnector>
+          <ImportListsConnector />
+        </PageContentBodyConnector>
+      </PageContent>
+    );
+  }
+}
+
+export default ImportListSettings;