From d2ebdb4792f6e05135bdfbb57be85bb71e4ee57f Mon Sep 17 00:00:00 2001
From: Dan Harrin <git@danharrin.com>
Date: Sat, 29 Jul 2023 12:14:14 +0100
Subject: [PATCH] Add loading card

---
 .../src/Resources/RelationManagers/RelationManager.php     | 5 +++++
 .../resources/views/components/loading-card.blade.php      | 7 +++++++
 packages/widgets/src/Widget.php                            | 5 +++++
 3 files changed, 17 insertions(+)
 create mode 100644 packages/support/resources/views/components/loading-card.blade.php

diff --git a/packages/panels/src/Resources/RelationManagers/RelationManager.php b/packages/panels/src/Resources/RelationManagers/RelationManager.php
index 4ff446a1b5..bbc9c45fdb 100644
--- a/packages/panels/src/Resources/RelationManagers/RelationManager.php
+++ b/packages/panels/src/Resources/RelationManagers/RelationManager.php
@@ -554,4 +554,9 @@ class RelationManager extends Component implements Forms\Contracts\HasForms, Tab
             $this->pageClass,
         ];
     }
+
+    public function placeholder(): View
+    {
+        return view('filament::components.loading-card');
+    }
 }
diff --git a/packages/support/resources/views/components/loading-card.blade.php b/packages/support/resources/views/components/loading-card.blade.php
new file mode 100644
index 0000000000..3d200da584
--- /dev/null
+++ b/packages/support/resources/views/components/loading-card.blade.php
@@ -0,0 +1,7 @@
+<x-filament::card class="flex items-center justify-center">
+    <div
+        class="flex h-16 w-16 items-center justify-center rounded-full bg-primary-50 text-primary-500 dark:bg-gray-700"
+    >
+        <x-filament::loading-indicator class="h-6 w-6" />
+    </div>
+</x-filament::card>
diff --git a/packages/widgets/src/Widget.php b/packages/widgets/src/Widget.php
index c3e649f623..73c47ecebe 100644
--- a/packages/widgets/src/Widget.php
+++ b/packages/widgets/src/Widget.php
@@ -99,4 +99,9 @@ abstract class Widget extends Component
 
         return $properties;
     }
+
+    public function placeholder(): View
+    {
+        return view('filament::components.loading-card');
+    }
 }