[fix] mail toggle in settings not initialized well

This commit is contained in:
guillaume91 2024-06-14 13:28:12 +02:00
parent d308425616
commit d84df980df

View file

@ -163,8 +163,7 @@ class="flex flex-col md:flex-row">
</div>
<div id="mail"
class="flex flex-col md:w-2/3"
x-data="{showMail: $wire.entangle('formData['mail_scheduled']')}"
x-init="showMail = $wire.formData['mail_scheduled']"
x-data="{showMail: $wire.entangle('formData.mail_scheduled')}"
> {{-- flex col--}}
<div class="flex justify-between my-4">
<div class="inline-flex items-center gap-2">
@ -174,7 +173,7 @@ class="flex flex-col md:w-2/3"
</div>
</div>
<label class="inline-flex items-center cursor-pointer gap-4">
<input type="checkbox" class="sr-only peer" wire:model.live="formData.mail_scheduled"
<input type="checkbox" class="sr-only peer" x-init="$el.checked = @js($formData['mail_scheduled'])"
@click="showMail = $el.checked">
<div
class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-indigo-300 dark:peer-focus:ring-indigo-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-indigo-600"></div>