Add loading indicator to login form submit button

afsakar · Oct 18, 2024 · eb4beca · eb4beca
1 parent 403ea43
commit eb4beca
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/resources/views/pages/login.blade.php b/resources/views/pages/login.blade.php
@@ -15,10 +15,17 @@
             <x-filament-panels::form wire:submit="sendOtp">
                 {{ $this->form }}
 
-                <x-filament-panels::form.actions
-                    :actions="$this->getCachedFormActions()"
-                    :full-width="true"
-                />
+                <x-filament::button
+                    type="submit"
+                    label="Giriş"
+                    class="flex items-center justify-center gap-2 w-full"
+                    wire:loading.attr="disabled"
+                >
+                    <x-filament::loading-indicator class="h-5 w-5" wire:loading wire:target="sendOtp" />
+                    <span wire:loading.remove wire:target="sendOtp">
+                        {{ __('filament-panels::pages/auth/login.form.actions.authenticate.label') }}
+                    </span>
+                </x-filament::button>
             </x-filament-panels::form>
             @break
         @default