From dd52f4d82af5dd8354908d25e14f5a7bd03324a9 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sat, 7 Jul 2018 17:51:43 -0500
Subject: [PATCH] Delete modal

---
 app/scenes/UserDelete.js | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/app/scenes/UserDelete.js b/app/scenes/UserDelete.js
index 751c69d9..a5b16b3c 100644
--- a/app/scenes/UserDelete.js
+++ b/app/scenes/UserDelete.js
@@ -5,6 +5,7 @@ import { inject, observer } from 'mobx-react';
 import Button from 'components/Button';
 import Flex from 'shared/components/Flex';
 import HelpText from 'components/HelpText';
+import Modal from 'components/Modal';
 import AuthStore from 'stores/AuthStore';
 
 type Props = {
@@ -28,19 +29,23 @@ class UserDelete extends React.Component<Props> {
   };
 
   render() {
+    const { auth, ...rest } = this.props;
+
     return (
-      <Flex column>
-        <form onSubmit={this.handleSubmit}>
-          <HelpText>
-            Are you sure? Deleting your account will destory identifying data
-            associated with your user and cannot be undone. You will be
-            immediately logged out of Outline.
-          </HelpText>
-          <Button type="submit" danger>
-            {this.isDeleting ? 'Deleting…' : 'Delete'}
-          </Button>
-        </form>
-      </Flex>
+      <Modal isOpen title="Delete Account" {...rest}>
+        <Flex column>
+          <form onSubmit={this.handleSubmit}>
+            <HelpText>
+              Are you sure? Deleting your account will destory identifying data
+              associated with your user and cannot be undone. You will be
+              immediately logged out of Outline.
+            </HelpText>
+            <Button type="submit" danger>
+              {this.isDeleting ? 'Deleting…' : 'Delete'}
+            </Button>
+          </form>
+        </Flex>
+      </Modal>
     );
   }
 }