From 345ca073af2dda0b9cbea386ddf7ac61f0e79ef0 Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Thu, 21 May 2026 16:01:55 +0200
Subject: [PATCH] feat(activities-app): wire shell dialog for edit + approval
 probes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Probe isAdmin / autoApprove once at auth-ready (re-probe on login)
and feed them plus the store's editingEvent into the shell-mounted
CreateEventDialog. Add handleUpdateEvent that picks the right wallet
admin key from the editing event's wallet id.

Without this the Activities standalone app could only Create — the
existing dialog was create-only at shell level even though the
dialog component itself already supported edit mode.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/activities-app/App.vue | 48 ++++++++++++++++++++++++++++++++++++--
 1 file changed, 46 insertions(+), 2 deletions(-)

diff --git a/src/activities-app/App.vue b/src/activities-app/App.vue
index 4ac820a..0babbc0 100644
--- a/src/activities-app/App.vue
+++ b/src/activities-app/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { CalendarDays, Map, Heart, Search, Plus } from 'lucide-vue-next'
@@ -17,6 +17,26 @@ const { t } = useI18n()
 const { isAuthenticated, currentUser } = useAuth()
 const activitiesStore = useActivitiesStore()
 
+// Probe LNbits admin status + extension auto_approve once at auth-ready
+// so the shell-mounted dialog renders the right warning copy when an
+// owner edits their own event.
+const isAdmin = ref(false)
+const autoApprove = ref(false)
+async function probeApprovalState() {
+  if (!isAuthenticated.value) return
+  const wallet = currentUser.value?.wallets?.[0]
+  if (!wallet?.inkey) return
+  const ticketApi = injectService(SERVICE_TOKENS.TICKET_API) as TicketApiService
+  autoApprove.value = await ticketApi.getAutoApprove(wallet.inkey)
+  if (wallet.adminkey) {
+    isAdmin.value = await ticketApi.isAdmin(wallet.adminkey)
+  }
+}
+onMounted(probeApprovalState)
+watch(isAuthenticated, (yes) => {
+  if (yes) probeApprovalState()
+})
+
 // Settings dropped — theme/lang/currency now live in the shared profile sheet.
 // Create lives in the bottom nav (auth-gated): activity creation is a deliberate
 // act, surfacing it as a tab keeps it one tap away when authed and out of the
@@ -57,14 +77,38 @@ async function handleCreateEvent(eventData: CreateEventRequest) {
   if (!invoiceKey) throw new Error('No wallet available. Please log in first.')
   await ticketApi.createEvent(eventData, invoiceKey)
 }
+
+async function handleUpdateEvent(eventId: string, eventData: CreateEventRequest) {
+  const ticketApi = injectService(SERVICE_TOKENS.TICKET_API) as TicketApiService
+  // PUT /events/{id} requires the event's wallet admin key.
+  const wallet = (currentUser.value?.wallets ?? []).find(
+    (w) => w.id === activitiesStore.editingEvent?.wallet,
+  )
+  const adminKey = wallet?.adminkey
+  if (!adminKey) {
+    throw new Error("Can't find the admin key for this event's wallet.")
+  }
+  await ticketApi.updateEvent(eventId, eventData, adminKey)
+}
+
+function handleDialogOpenChange(open: boolean) {
+  activitiesStore.showCreateDialog = open
+  // Closing always clears the edit selection so the next "+ Create"
+  // opens clean instead of inheriting the last-edited event.
+  if (!open) activitiesStore.editingEvent = null
+}
 </script>
 
 <template>
   <AppShell :tabs="tabs" :is-active="isActive">
     <CreateEventDialog
       :open="activitiesStore.showCreateDialog"
-      @update:open="activitiesStore.showCreateDialog = $event"
+      :event="activitiesStore.editingEvent"
+      :is-admin="isAdmin"
+      :auto-approve="autoApprove"
       :on-create-event="handleCreateEvent"
+      :on-update-event="handleUpdateEvent"
+      @update:open="handleDialogOpenChange"
     />
   </AppShell>
 </template>