chrone: sperate client and server to different repos.

src/components/Dialog/Dialog.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Dialog } from '@blueprintjs/core';
+import withDialogActions from 'containers/Dialog/withDialogActions';
+import { compose } from 'utils';
+
+import 'style/components/Dialog/Dialog.scss';
+
+function DialogComponent(props) {
+  const { name, children, closeDialog, onClose } = props;
+
+  const handleClose = (event) => {
+    closeDialog(name)
+    onClose && onClose(event);
+  };
+  return (
+    <Dialog {...props} onClose={handleClose}>
+      { children }
+    </Dialog>
+  );
+}
+
+export default compose(
+  withDialogActions,
+)(DialogComponent);

src/components/Dialog/DialogContent.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Spinner, Classes } from '@blueprintjs/core';
+import classNames from 'classnames';
+
+export default function DialogContent(props) {
+  const { isLoading, children } = props;
+
+  const loadingContent = (
+    <div className={classNames(Classes.DIALOG_BODY, 'is-loading')}>
+      <Spinner size={30} />
+    </div>
+  );
+  return isLoading ? loadingContent : children;
+}

src/components/Dialog/DialogSuspense.js

@@ -0,0 +1,18 @@
+import React, { Suspense } from 'react';
+import { Classes, Spinner } from '@blueprintjs/core';
+
+function LoadingContent() {
+  return (<div className={Classes.DIALOG_BODY}><Spinner size={30} /></div>);
+}
+
+export default function DialogSuspense({
+  children
+}) {
+  return (
+    <Suspense fallback={<LoadingContent /> }>
+      <div className={'dialog__suspense-wrapper'}>
+        { children }
+      </div>
+    </Suspense>
+  );
+};