From bf638d88bcb9c5ed6dc28c045481f730ebf42725 Mon Sep 17 00:00:00 2001
From: Palak Bhojani <palak@influxdata.com>
Date: Thu, 21 Mar 2019 11:54:49 -0700
Subject: [PATCH] Add confirmation to the delete button on tokens

---
 ui/src/me/components/account/TokenRow.tsx | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/ui/src/me/components/account/TokenRow.tsx b/ui/src/me/components/account/TokenRow.tsx
index 82eeb818d2..f356970858 100644
--- a/ui/src/me/components/account/TokenRow.tsx
+++ b/ui/src/me/components/account/TokenRow.tsx
@@ -6,13 +6,8 @@ import {connect} from 'react-redux'
 import {deleteAuthorization} from 'src/authorizations/actions'
 
 // Components
-import {
-  Alignment,
-  Button,
-  ComponentSize,
-  ComponentColor,
-} from '@influxdata/clockface'
-import {IndexList, ComponentSpacer} from 'src/clockface'
+import {Alignment, ComponentSize} from '@influxdata/clockface'
+import {IndexList, ComponentSpacer, ConfirmationButton} from 'src/clockface'
 
 // Types
 import {Authorization} from '@influxdata/influx'
@@ -46,11 +41,11 @@ class TokenRow extends PureComponent<Props> {
         <IndexList.Cell>{status}</IndexList.Cell>
         <IndexList.Cell alignment={Alignment.Right} revealOnHover={true}>
           <ComponentSpacer align={Alignment.Right}>
-            <Button
+            <ConfirmationButton
               size={ComponentSize.ExtraSmall}
-              color={ComponentColor.Danger}
               text="Delete"
-              onClick={this.handleDelete}
+              confirmText="Confirm"
+              onConfirm={this.handleDelete}
             />
           </ComponentSpacer>
         </IndexList.Cell>