feat: enhance boxing-cat Lottie component to accept custom messages and update its text styling, centralizing empty state messages.

This commit is contained in:
Yoga Pangestu 2026-02-12 09:20:28 +07:00
parent 60fe24b7bf
commit 9f15960d59
3 changed files with 4 additions and 8 deletions

View File

@ -2,7 +2,7 @@
<dotlottie-wc src="{{ asset('assets/animations/boxing-cat.json') }}" autoplay loop
style="width: 200px; height: 200px; margin: 0 auto;">
</dotlottie-wc>
<p class="block text-center italic mt-5 text-home-foreground font-medium">
<p class="block text-center italic mt-5 text-zinc-500 dark:text-zinc-400 font-medium">
{!! $message ?? 'Yahhh, sepertinya belum ada data yang tersedia. 😉✨' !!}
</p>
</div>

View File

@ -60,10 +60,9 @@ class="font-medium text-zinc-700 dark:text-zinc-200">{{ formatCurrencyNumber($lo
</p>
</flux:card>
@empty
@include('components.animations.lottie.boxing-cat')
<div class="py-10 text-center text-zinc-500 italic">
Belum ada riwayat tercatat untuk barang ini.
</div>
@include('components.animations.lottie.boxing-cat', [
'message' => 'Belum ada riwayat tercatat untuk barang ini. 🐱'
])
@endforelse
</div>

View File

@ -62,9 +62,6 @@ class="font-medium text-zinc-700 dark:text-zinc-200">{{ formatCurrencyNumber($lo
</flux:card>
@empty
@include('components.animations.lottie.boxing-cat')
<div class="py-10 text-center text-zinc-500 italic">
Belum ada riwayat tercatat untuk barang ini.
</div>
@endforelse
</div>
</flux:main>