From 9a0687b43b933ec3a683b88f815b85fd9afb863b Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Fri, 15 Jun 2018 15:50:10 -0700
Subject: [PATCH] Use ConfirmButton in BodyDelete

---
 ui/src/flux/components/BodyDelete.tsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/ui/src/flux/components/BodyDelete.tsx b/ui/src/flux/components/BodyDelete.tsx
index 46bf07b780..a358fa5b75 100644
--- a/ui/src/flux/components/BodyDelete.tsx
+++ b/ui/src/flux/components/BodyDelete.tsx
@@ -1,4 +1,5 @@
 import React, {PureComponent} from 'react'
+import ConfirmButton from 'src/shared/components/ConfirmButton'
 
 interface Props {
   bodyID: string
@@ -8,9 +9,14 @@ interface Props {
 class BodyDelete extends PureComponent<Props> {
   public render() {
     return (
-      <button className="btn btn-xs btn-danger" onClick={this.handleDelete}>
-        Delete
-      </button>
+      <ConfirmButton
+        icon="trash"
+        type="btn-danger"
+        confirmText="Delete this query"
+        square={true}
+        confirmAction={this.handleDelete}
+        position="right"
+      />
     )
   }