From 3082221c4d325efd776529224170f0a0e2b648fb Mon Sep 17 00:00:00 2001
From: Bauke <me@bauke.xyz>
Date: Wed, 16 Mar 2022 22:07:37 +0100
Subject: [PATCH] Make the Remove button require confirmation.

---
 source/options/components/page-main.ts | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/source/options/components/page-main.ts b/source/options/components/page-main.ts
index 3d40ee1..bec8e6f 100644
--- a/source/options/components/page-main.ts
+++ b/source/options/components/page-main.ts
@@ -1,3 +1,4 @@
+import {ConfirmButton} from '@holllo/gram';
 import {html} from 'htm/preact';
 import {Component} from 'preact';
 import browser from 'webextension-polyfill';
@@ -197,9 +198,14 @@ export class PageMain extends Component<Props, State> {
 
             <div class="button-group">
               <button class="button" onClick=${this.saveBang}>Save</button>
-              <button class="button destructive" onClick=${this.removeBang}>
-                Remove
-              </button>
+              <${ConfirmButton}
+                class="button destructive"
+                click=${this.removeBang}
+                confirmClass="confirm"
+                confirmText="Confirm Removal"
+                text="Remove ${this.state.editorBang.id}"
+                timeout=${5 * 1000}
+              />
             </div>
             ${validateError}
           </div>