From f146f8cd49b9c81d9701d442bf34e9e2177eb7a4 Mon Sep 17 00:00:00 2001
From: "Mike G." <73517+burden@users.noreply.github.com>
Date: Mon, 18 Nov 2024 15:35:35 -0800
Subject: [PATCH] offer help with subscriptions (#98)

---
 components/payment-info/support.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/components/payment-info/support.vue b/components/payment-info/support.vue
index d7e967e..3ad17d8 100644
--- a/components/payment-info/support.vue
+++ b/components/payment-info/support.vue
@@ -21,6 +21,14 @@
         Pay Now
       </sys-form-button>
 
+      <sys-form-button
+        v-if="$auth.loggedIn"
+        color="danger"
+        @click.prevent="getSupport()"
+      >
+        Unsubscribe
+      </sys-form-button>
+
       <sys-form-button
         v-else
         color="primary"
@@ -71,6 +79,14 @@
       ...mapGetters('payment', ['canGoBack']),
 
       faChevronLeft: () => faChevronLeft
+    },
+
+    methods: {
+      getSupport () {
+        if (confirm('You will be redirected to a contact page. To get help with canceling your subscription, please fill out the form.\n\nThank you for your support.')) {
+          window.location = 'https://system76.com/contact/support'
+        }
+      }
     }
   }
 </script>