feat(lottie): membuat component lottie

resources/views/components/lottie/not-found.blade.php

@@ -0,0 +1,8 @@
+<div class="flex justify-center flex-col">
+    <dotlottie-wc src="https://lottie.host/4282c234-6d0f-4a8d-ad04-3d82f2783814/FuhTCVgPGi.lottie" autoplay loop
+        style="width: 200px; height: 200px; margin: 0 auto;">
+    </dotlottie-wc>
+    <flux:text class="block text-center italic mt-5">
+        {!! isset($message) ? $message : 'Yahhh, sepertinya belum ada data yang tersedia.' !!}
+    </flux:text>
+</div>

resources/views/components/partials/audit.blade.php

@@ -43,14 +43,7 @@ class="px-2 py-1 inline-flex text-xs font-semibold rounded-full
                 </p>
             </flux:card>
         @empty
-            <div class="flex justify-center flex-col">
+            @include('components.lottie.not-found')
-                <dotlottie-wc src="https://lottie.host/4282c234-6d0f-4a8d-ad04-3d82f2783814/FuhTCVgPGi.lottie" autoplay
-                    loop style="width: 200px; height: 200px; margin: 0 auto;">
-                </dotlottie-wc>
-                <flux:text class="block text-center italic mt-5">
-                    Yahhh, sepertinya belum ada data yang tersedia.
-                </flux:text>
-            </div>
         @endforelse
     </div>
 

resources/views/livewire/member/voucher.blade.php

@@ -64,14 +64,7 @@ class="inline-block px-2 py-1 border border-emerald-300 dark:border-emerald-700
 
             </div>
         @else
-            <div class="flex justify-center flex-col">
+            @include('components.lottie.not-found')
-                <dotlottie-wc src="https://lottie.host/4282c234-6d0f-4a8d-ad04-3d82f2783814/FuhTCVgPGi.lottie" autoplay
-                    loop style="width: 200px; height: 200px; margin: 0 auto;">
-                </dotlottie-wc>
-                <flux:text class="block text-center italic mt-5">
-                    Yahhh, sepertinya belum ada data yang tersedia.
-                </flux:text>
-            </div>
         @endif
     </div>
 </flux:main>

resources/views/livewire/studio/master/formulas.blade.php

@@ -15,6 +15,7 @@
     </div>
 
     <div class="mt-6">
+        @if (!empty($formulas))
             <div class="mt-6 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
                 @foreach ($formulas as $key => $formula)
                     <flux:card class="space-y-2">
@@ -52,6 +53,9 @@
                     </flux:card>
                 @endforeach
             </div>
+        @else
+            @include('components.lottie.not-found')
+        @endif
     </div>
 
     @include('components.confirmation.delete')
@@ -102,3 +106,6 @@
         </div>
     </flux:modal>
 </flux:main>
+@assets
+    <script src="https://unpkg.com/@lottiefiles/dotlottie-wc@0.8.5/dist/dotlottie-wc.js" type="module"></script>
+@endassets