Files
einundzwanzig-portal/resources/views/livewire/frontend/navigation_mobile/meetups.blade.php
HolgerHatGarKeineNode 32e165ac42 feat: Add 'My Meetups' link to mobile navigation
This commit adds a new link 'My Meetups' to the mobile navigation in both
the 'Profile' and 'Meetups' sections, allowing users to access their meetups
directly from the mobile navigation. This should improve user experience by
providing a quicker and more intuitive navigation path to personal meetups.
2024-01-07 10:38:12 +01:00

31 lines
2.1 KiB
PHP

<div x-data="{ open: false }" class="-mx-3">
<button type="button"
class="flex w-full items-center justify-between rounded-lg py-2 pl-3 pr-3.5 text-base font-semibold leading-7 hover:bg-gray-50"
aria-controls="disclosure-1" @click="open = !open" aria-expanded="false"
x-bind:aria-expanded="open.toString()">
{{ __('Meetups') }}
<svg class="h-5 w-5 flex-none"
x-description="Expand/collapse icon, toggle classes based on menu open state."
x-state:on="Open" x-state:off="Closed" :class="{ 'rotate-180': open }"
viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
<path fill-rule="evenodd"
d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z"
clip-rule="evenodd"></path>
</svg>
</button>
<div class="mt-2 space-y-2"
x-description="'Product' sub-menu, show/hide based on menu state." id="disclosure-1"
x-show="open" style="display: none;" x-cloak>
<a href="{{ route('meetup.world', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('World map') }}</a>
<a href="{{ route('meetup.table.meetup', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Meetups') }}</a>
<a href="{{ route('meetup.table.meetupEvent', ['country' => $country]) }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Meetup dates') }}</a>
<a href="{{ route('nostr.plebs') }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('Plebs on Nostr') }}</a>
<a href="{{ route('profile.meetups') }}"
class="block rounded-lg py-2 pl-6 pr-3 text-sm font-semibold leading-7 text-gray-900 hover:bg-gray-50">{{ __('My meetups') }}</a>
</div>
</div>