From 3415a01585c34da5df0e168fdd6bcfad5d6411ec Mon Sep 17 00:00:00 2001
From: yuetloo <contact@yuetloo.com>
Date: Thu, 1 Jun 2023 13:05:17 -0400
Subject: [PATCH] prompt for signature when the cart widget is clicked

---
 vue-app/src/components/CartWidget.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/vue-app/src/components/CartWidget.vue b/vue-app/src/components/CartWidget.vue
index 84f843819..77596c11f 100644
--- a/vue-app/src/components/CartWidget.vue
+++ b/vue-app/src/components/CartWidget.vue
@@ -27,6 +27,9 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import Cart from '@/components/Cart.vue'
+import { useModal } from 'vue-final-modal'
+import SignatureModal from '@/components/SignatureModal.vue'
+
 import { useAppStore, useUserStore } from '@/stores'
 import { storeToRefs } from 'pinia'
 
@@ -43,8 +46,24 @@ const isCartBadgeShown = computed(() => {
   return (canUserReallocate.value || isRoundContributionPhase.value) && !!cart.value.length
 })
 
+async function promptSignagure() {
+  const { open, close } = useModal({
+    component: SignatureModal,
+    attrs: {
+      onClose() {
+        close().then(() => {
+          appStore.toggleShowCartPanel()
+        })
+      },
+    },
+  })
+  open()
+}
+
 function toggleCart(): void {
-  appStore.toggleShowCartPanel()
+  if (currentUser.value && !currentUser.value.encryptionKey) {
+    promptSignagure()
+  }
 }
 </script>