Use ConfirmationPopover rather than custom form

js/components/confirmation_popover.js

@@ -4,10 +4,13 @@ export default {
   props: {
     action: String,
     btn_text: String,
+    btn_icon: String,
+    btn_class: String,
     cancel_btn_text: String,
     confirm_btn_text: String,
     confirm_msg: String,
     csrf_token: String,
+    name: String,
   },
 
   template: `
@@ -26,7 +29,10 @@ export default {
           </button>
         </div>
       </template>
-      <button class="tooltip-target" type="button">{{ btn_text }}</button>
+      <button class="tooltip-target" v-bind:class="[btn_class]" type="button">
+        <div v-html="btn_icon" />
+        {{ btn_text }}
+      </button>
     </v-popover>
   `,
 }

js/components/forms/edit_officer_form.js

@@ -1,6 +1,7 @@
 import FormMixin from '../../mixins/form'
 import checkboxinput from '../checkbox_input'
 import textinput from '../text_input'
+import ConfirmationPopover from '../confirmation_popover'
 
 export default {
   name: 'edit-officer-form',
@@ -10,6 +11,7 @@ export default {
   components: {
     checkboxinput,
     textinput,
+    ConfirmationPopover,
   },
 
   props: {