Fix isInternalUrl for subdomain support

Refactor / reduce plumbing

app/components/Modals.js

@@ -0,0 +1,66 @@
+// @flow
+import * as React from 'react';
+import { observer } from 'mobx-react';
+import BaseModal from 'components/Modal';
+import UiStore from 'stores/UiStore';
+import CollectionNew from 'scenes/CollectionNew';
+import CollectionEdit from 'scenes/CollectionEdit';
+import CollectionDelete from 'scenes/CollectionDelete';
+import CollectionExport from 'scenes/CollectionExport';
+import DocumentDelete from 'scenes/DocumentDelete';
+import DocumentShare from 'scenes/DocumentShare';
+import KeyboardShortcuts from 'scenes/KeyboardShortcuts';
+
+type Props = {
+  ui: UiStore,
+};
+@observer
+class Modals extends React.Component<Props> {
+  handleClose = () => {
+    this.props.ui.clearActiveModal();
+  };
+
+  render() {
+    const { activeModalName, activeModalProps } = this.props.ui;
+
+    const Modal = ({ name, children, ...rest }) => {
+      return (
+        <BaseModal
+          isOpen={activeModalName === name}
+          onRequestClose={this.handleClose}
+          {...rest}
+        >
+          {React.cloneElement(children, activeModalProps)}
+        </BaseModal>
+      );
+    };
+
+    return (
+      <span>
+        <Modal name="collection-new" title="Create a collection">
+          <CollectionNew onSubmit={this.handleClose} />
+        </Modal>
+        <Modal name="collection-edit" title="Edit collection">
+          <CollectionEdit onSubmit={this.handleClose} />
+        </Modal>
+        <Modal name="collection-delete" title="Delete collection">
+          <CollectionDelete onSubmit={this.handleClose} />
+        </Modal>
+        <Modal name="collection-export" title="Export collection">
+          <CollectionExport onSubmit={this.handleClose} />
+        </Modal>
+        <Modal name="document-share" title="Share document">
+          <DocumentShare onSubmit={this.handleClose} />
+        </Modal>
+        <Modal name="document-delete" title="Delete document">
+          <DocumentDelete onSubmit={this.handleClose} />
+        </Modal>
+        <Modal name="keyboard-shortcuts" title="Keyboard shortcuts">
+          <KeyboardShortcuts />
+        </Modal>
+      </span>
+    );
+  }
+}
+
+export default Modals;