From dd2365f0f18c82cff3697e8601fd90189b29593a Mon Sep 17 00:00:00 2001
From: Padreug <padreug@aiolabs.dev>
Date: Sat, 23 May 2026 14:50:09 +0200
Subject: [PATCH] fix(activities): toast on logged-out Create tap instead of
 opening dialog
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

BottomNav fires onClick regardless of tab.disabled — the opacity gate
was visual only. Mirror BookmarkButton/RSVPButton: show a toast.info
with a Log in action and bail before opening the create dialog.

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

diff --git a/src/activities-app/App.vue b/src/activities-app/App.vue
index 640608b..41e9ad1 100644
--- a/src/activities-app/App.vue
+++ b/src/activities-app/App.vue
@@ -1,7 +1,8 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useRoute } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
+import { toast } from 'vue-sonner'
 import { CalendarDays, Map, Heart, Search, Plus } from 'lucide-vue-next'
 import AppShell from '@/components/layout/AppShell.vue'
 import type { BottomTab } from '@/components/layout/BottomNav.vue'
@@ -15,6 +16,7 @@ import type { CreateEventRequest } from '@/modules/activities/types/ticket'
 import CreateEventDialog from '@/modules/activities/components/CreateEventDialog.vue'
 
 const route = useRoute()
+const router = useRouter()
 const { t } = useI18n()
 const { isAuthenticated, currentUser } = useAuth()
 const activitiesStore = useActivitiesStore()
@@ -25,9 +27,9 @@ const { isAdmin, autoApprove } = useApprovalState()
 const { loadOwnEvents } = useActivities()
 
 // 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
-// way when not. Per-app placement deliberation tracked at #53.
+// Create lives in the bottom nav: when logged out, tapping it shows an
+// auth-prompt toast (mirroring BookmarkButton/RSVPButton) instead of
+// opening the dialog. Per-app placement deliberation tracked at #53.
 const tabs = computed<BottomTab[]>(() => [
   { name: t('activities.nav.feed'), icon: Search, path: '/activities' },
   { name: t('activities.nav.calendar'), icon: CalendarDays, path: '/activities/calendar' },
@@ -35,6 +37,15 @@ const tabs = computed<BottomTab[]>(() => [
     name: t('activities.createNew'),
     icon: Plus,
     onClick: () => {
+      if (!isAuthenticated.value) {
+        toast.info('Log in to create an activity', {
+          action: {
+            label: 'Log in',
+            onClick: () => router.push('/login'),
+          },
+        })
+        return
+      }
       // Defensively clear any lingering edit selection so the Create
       // tap always opens in Create mode regardless of a prior Edit.
       activitiesStore.editingEvent = null