code refactoring

resources/views/auth/forgot/create.blade.php

@@ -41,6 +41,7 @@
                     override="class"
                     data-loading-text="{{ trans('general.loading') }}"
                 >
+                    <span>{{ trans('general.send') }}</span>
                     <x-button.loading v-if="form.loading" text="{{ trans('general.send') }}" text-hide="[{'opacity-0': form.loading}]" />
                 </x-button>
             </div>

resources/views/auth/login/create.blade.php

@@ -70,6 +70,7 @@
                     override="class"
                     data-loading-text="{{ trans('general.loading') }}"
                 >
+                    <span>{{ trans('auth.login') }}</span>
                     <x-button.loading v-if="form.loading" text="{{ trans('auth.login') }}" text-hide="[{'opacity-0': form.loading}]" />
                 </x-button>
             </div>

resources/views/auth/reset/create.blade.php

@@ -58,6 +58,7 @@
                     override="class"
                     data-loading-text="{{ trans('general.loading') }}"
                 >
+                    <span>{{ trans('auth.reset') }}</span>
                     <x-button.loading v-if="form.loading" text="{{ trans('auth.reset') }}" text-hide="[{'opacity-0': form.loading}]" />
                 </x-button>
             </div>

resources/views/banking/reconciliations/create.blade.php

@@ -264,6 +264,7 @@
                                     class="flex items-center justify-center bg-transparent hover:bg-gray-200 px-3 py-1.5 text-base rounded-lg disabled:opacity-50"
                                     override="class"
                                 >
+                                    <span>{{ trans('reconciliations.save_draft') }}</span>
                                     <x-button.loading v-if="form.loading" text="{{ trans('reconciliations.save_draft') }}" text-hide="[{'opacity-0': form.loading}]" />
                                 </x-button>
     
@@ -277,6 +278,7 @@
                                           @click="onReconcileSubmit"
                                           data-loading-text="{{ trans('general.loading') }}"
                                         >
+                                            <span>{{ trans('reconciliations.reconcile') }}</span>
                                             <x-button.loading v-if="form.loading" text="{{ trans('reconciliations.reconcile') }}" text-hide="[{'opacity-1': reconcile}]" />
                                         </x-button>
                                     </x-tooltip>
@@ -290,6 +292,7 @@
                                       @click="onReconcileSubmit"
                                       data-loading-text="{{ trans('general.loading') }}"
                                     >
+                                        <span>{{ trans('reconciliations.reconcile') }}</span>
                                         <x-button.loading v-if="form.loading" text="{{ trans('reconciliations.reconcile') }}" text-hide="[{'opacity-1': reconcile}]" />
                                     </x-button>
                                 </div>

resources/views/banking/reconciliations/edit.blade.php

@@ -203,6 +203,7 @@
                                 class="relative flex items-center justify-center bg-transparent hover:bg-gray-200 px-3 py-1.5 text-base rounded-lg disabled:opacity-50"
                                 override="class"
                             >
+                                <span>{{ trans('general.save') }}</span>
                                 <x-button.loading v-if="form.loading" text="{{ trans('general.save') }}" text-hide="[{'opacity-1': reconcile}]" />
                             </x-button>
                             <div v-if="reconcile">
@@ -215,7 +216,7 @@
                                         @click="onReconcileSubmit"
                                         data-loading-text="{{ trans('general.loading') }}"
                                     >
-
+                                        <span>{{ trans('reconciliations.reconcile') }}</span>
                                         <x-button.loading v-if="form.loading" text="{{ trans('reconciliations.reconcile') }}" text-hide="[{'opacity-1': reconcile}]" />
                                     </x-button>
                                 </x-tooltip>
@@ -229,7 +230,7 @@
                                     @click="onReconcileSubmit"
                                     data-loading-text="{{ trans('general.loading') }}"
                                 >
-
+                                    <span>{{ trans('reconciliations.reconcile') }}"</span>
                                     <x-button.loading v-if="form.loading" text="{{ trans('reconciliations.reconcile') }}" text-hide="[{'opacity-1': reconcile}]" />
                                 </x-button>
                             </div>

resources/views/banking/transfers/show.blade.php

@@ -41,6 +41,7 @@
                     </button>
 
                     <button :disabled="form.loading"  type="button" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100" @click="addTemplate">
+                        <span>{{ trans('general.confirm') }}</span>
                         <x-button.loading v-if="form.loading" text="{{ trans('general.confirm') }}" text-hide="[{'opacity-0': form.loading}]" />
                     </button>
                 </div>

resources/views/common/import/create.blade.php

@@ -47,6 +47,7 @@
                             ::disabled="form.loading"
                             override="class"
                         >
+                            <span>{{ trans('import.import') }}</span>
                             <x-button.loading v-if="form.loading" text="{{ trans('import.import') }}" text-hide="[{'opacity-0': form.loading}]" />
                         </x-button>
                     </div>

resources/views/components/button/loading.blade.php

@@ -2,8 +2,4 @@
   {{ $attributes }}
   class="animate-submit delay-[0.28s] absolute w-2 h-2 rounded-full left-0 right-0 -top-3.5 m-auto before:absolute before:w-2 before:h-2 before:rounded-full before:animate-submit before:delay-[0.14s] after:absolute after:w-2 after:h-2 after:rounded-full after:animate-submit before:-left-3.5 after:-right-3.5 after:delay-[0.42s]"
 >
-</i>
+</i>
-
-<span :class="{{ $textHide }}">
-  {!! $text !!}
-</span> 

resources/views/components/form/buttons.blade.php

@@ -17,6 +17,7 @@
             ::disabled="form.loading"
             override="class"
         >
+            <span>{{ trans('general.save') }}</span>
             <x-button.loading v-if="form.loading" text="{{ trans('general.save') }}" text-hide="[{'opacity-0': form.loading}]" />
         </x-button>
     </div>

resources/views/components/layouts/modules/show/releases.blade.php

@@ -21,6 +21,7 @@
             @click="onModuleLoadMore('releases')"
             class="w-48 bg-green m-auto block whitespace-nowrap px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white text-center js-learn-more js-button-modal-submit hover:bg-green-700 disabled:bg-green-300"
         >
+            <span>{{ trans('modules.see_more') }}</span>
             <x-button.loading v-if="loadMoreLoading" text="{{ trans('modules.see_more') }}" text-hide="[{'opacity-0': loadMoreLoading}]" />
         </button>
     </div>

resources/views/components/layouts/modules/show/reviews.blade.php

@@ -21,6 +21,7 @@
             @click="onModuleLoadMore('reviews')"
             class="w-48 bg-green m-auto block whitespace-nowrap px-4 py-2 border border-transparent rounded-md shadow-sm text-base font-medium text-white text-center js-learn-more js-button-modal-submit hover:bg-green-700 disabled:bg-green-300"
         >
+            <span>{{ trans('modules.see_more') }}</span>
             <x-button.loading v-if="loadMoreLoading" text="{{ trans('modules.see_more') }}" text-hide="[{'opacity-0': loadMoreLoading}]" />
         </button>
     </div>

resources/views/components/modules/items.blade.php

@@ -34,6 +34,7 @@
                     :disabled="loadMoreLoading"
                     class="w-48 m-auto relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100 js-learn-more js-button-modal-submit"
                 >
+                    <span>{{ trans('modules.see_more') }}</span>
                     <x-button.loading v-if="loadMoreLoading" text="{{ trans('modules.see_more') }}" text-hide="[{'opacity-0': loadMoreLoading}]" />
                 </button>