2023-06-02 10:34:45 +00:00
|
|
|
<x-layout>
|
2023-09-06 12:31:38 +00:00
|
|
|
<x-team.navbar />
|
2023-08-07 13:31:42 +00:00
|
|
|
<h2 class="pb-4">Notifications</h2>
|
2023-06-02 10:34:45 +00:00
|
|
|
<div x-data="{ activeTab: window.location.hash ? window.location.hash.substring(1) : 'email' }" class="flex h-full">
|
|
|
|
<div class="flex flex-col gap-4 min-w-fit">
|
|
|
|
<a :class="activeTab === 'email' && 'text-white'"
|
2023-08-11 15:31:53 +00:00
|
|
|
@click.prevent="activeTab = 'email'; window.location.hash = 'email'" href="#">Email</a>
|
2023-09-06 12:31:38 +00:00
|
|
|
<a :class="activeTab === 'Telegram' && 'text-white'"
|
|
|
|
@click.prevent="activeTab = 'telegram'; window.location.hash = 'telegram'" href="#">Telegram</a>
|
2023-06-02 10:34:45 +00:00
|
|
|
<a :class="activeTab === 'discord' && 'text-white'"
|
2023-08-11 15:31:53 +00:00
|
|
|
@click.prevent="activeTab = 'discord'; window.location.hash = 'discord'" href="#">Discord</a>
|
2023-09-06 12:31:38 +00:00
|
|
|
|
2023-06-02 10:34:45 +00:00
|
|
|
</div>
|
|
|
|
<div class="w-full pl-8">
|
|
|
|
<div x-cloak x-show="activeTab === 'email'" class="h-full">
|
2023-09-06 12:31:38 +00:00
|
|
|
<livewire:notifications.email-settings />
|
|
|
|
</div>
|
|
|
|
<div x-cloak x-show="activeTab === 'telegram'" class="h-full">
|
|
|
|
<livewire:notifications.telegram-settings />
|
2023-06-02 10:34:45 +00:00
|
|
|
</div>
|
|
|
|
<div x-cloak x-show="activeTab === 'discord'">
|
2023-09-06 12:31:38 +00:00
|
|
|
<livewire:notifications.discord-settings />
|
2023-06-02 10:34:45 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</x-layout>
|