feat: add login icon button when user is not authenticated

Shows a LogIn icon next to the refresh button on the activities
page when the user isn't logged in.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-04-27 19:12:47 +02:00
commit 87f649f048

View file

@ -8,7 +8,7 @@ import {
CollapsibleContent, CollapsibleContent,
CollapsibleTrigger, CollapsibleTrigger,
} from '@/components/ui/collapsible' } from '@/components/ui/collapsible'
import { RefreshCw, SlidersHorizontal, ChevronDown, Plus } from 'lucide-vue-next' import { RefreshCw, SlidersHorizontal, ChevronDown, Plus, LogIn } from 'lucide-vue-next'
import { useAuth } from '@/composables/useAuthService' import { useAuth } from '@/composables/useAuthService'
import { useActivities } from '../composables/useActivities' import { useActivities } from '../composables/useActivities'
import CreateEventDialog from '../components/CreateEventDialog.vue' import CreateEventDialog from '../components/CreateEventDialog.vue'
@ -89,6 +89,15 @@ async function handleCreateEvent(eventData: CreateEventRequest) {
<Button variant="ghost" size="icon" class="h-8 w-8" @click="handleRefresh" :disabled="isLoading"> <Button variant="ghost" size="icon" class="h-8 w-8" @click="handleRefresh" :disabled="isLoading">
<RefreshCw class="w-4 h-4" :class="{ 'animate-spin': isLoading }" /> <RefreshCw class="w-4 h-4" :class="{ 'animate-spin': isLoading }" />
</Button> </Button>
<Button
v-if="!isAuthenticated"
variant="ghost"
size="icon"
class="h-8 w-8"
@click="$router.push('/login')"
>
<LogIn class="w-4 h-4" />
</Button>
</div> </div>
</div> </div>