Move all status/alert dialogs into the Left Pane

ts/components/UpdateDialog.stories.tsx

@@ -0,0 +1,73 @@
+import * as React from 'react';
+import { UpdateDialog } from './UpdateDialog';
+
+// @ts-ignore
+import { setup as setupI18n } from '../../js/modules/i18n';
+// @ts-ignore
+import enMessages from '../../_locales/en/messages.json';
+
+import { storiesOf } from '@storybook/react';
+import { boolean, select } from '@storybook/addon-knobs';
+import { action } from '@storybook/addon-actions';
+
+const i18n = setupI18n('en', enMessages);
+
+const defaultProps = {
+  ackRender: action('ack-render'),
+  dismissDialog: action('dismiss-dialog'),
+  hasNetworkDialog: false,
+  i18n,
+  startUpdate: action('start-update'),
+};
+
+const permutations = [
+  {
+    title: 'Update',
+    props: {
+      dialogType: 1,
+    },
+  },
+  {
+    title: 'Cannot Update',
+    props: {
+      dialogType: 2,
+    },
+  },
+  {
+    title: 'MacOS Read Only Error',
+    props: {
+      dialogType: 3,
+    },
+  },
+];
+
+storiesOf('Components/UpdateDialog', module)
+  .add('Knobs Playground', () => {
+    const dialogType = select(
+      'dialogType',
+      {
+        None: 0,
+        Update: 1,
+        Cannot_Update: 2,
+        MacOS_Read_Only: 3,
+      },
+      1
+    );
+    const hasNetworkDialog = boolean('hasNetworkDialog', false);
+
+    return (
+      <UpdateDialog
+        {...defaultProps}
+        dialogType={dialogType}
+        hasNetworkDialog={hasNetworkDialog}
+      />
+    );
+  })
+  .add('Iterations', () => {
+    return permutations.map(({ props, title }) => (
+      <>
+        <h3>{title}</h3>
+        <UpdateDialog {...defaultProps} {...props} />
+      </>
+    ));
+  });