From 21c920ad716b8162d4ceb3dbd07ffa2556714fa3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Benjamin=20Beganovi=C4=87?= <k1pstabug@gmail.com>
Date: Tue, 20 Feb 2024 17:24:47 +0100
Subject: [PATCH] Add spinner animation to purchase page

---
 resources/views/billing-portal/v3/purchase.blade.php | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/resources/views/billing-portal/v3/purchase.blade.php b/resources/views/billing-portal/v3/purchase.blade.php
index 82aad49b9e26..b27b5ff01b39 100644
--- a/resources/views/billing-portal/v3/purchase.blade.php
+++ b/resources/views/billing-portal/v3/purchase.blade.php
@@ -18,7 +18,12 @@
                 alt="{{ $subscription->company->present()->name }}"
             />
 
-            <div class="my-10" id="container">
+            <svg id="spinner" class="animate-spin h-8 w-8 text-primary mt-10" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
+                <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
+                <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+            </svg>    
+
+            <div class="my-10 hidden" id="container">
                 @livewire($this->component, ['context' => $context, 'subscription' => $this->subscription], key($this->componentUniqueId()))
             </div>
         </div>