From 3f77ab19ede4ca33985a14ca48f65fd6324129e5 Mon Sep 17 00:00:00 2001
From: Prospector <prospectordev@gmail.com>
Date: Tue, 3 Jun 2025 13:18:05 -0700
Subject: [PATCH] Fix skeleton not showing on purchase

---
 apps/frontend/src/pages/servers/manage/index.vue | 5 ++++-
 packages/ui/src/composables/stripe.ts            | 8 ++++----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/apps/frontend/src/pages/servers/manage/index.vue b/apps/frontend/src/pages/servers/manage/index.vue
index e3ee64d3..b09ad8c1 100644
--- a/apps/frontend/src/pages/servers/manage/index.vue
+++ b/apps/frontend/src/pages/servers/manage/index.vue
@@ -89,7 +89,10 @@
         </div>
       </div>
 
-      <ul v-if="filteredData.length > 0" class="m-0 flex flex-col gap-4 p-0">
+      <ul
+        v-if="filteredData.length > 0 || isPollingForNewServers"
+        class="m-0 flex flex-col gap-4 p-0"
+      >
         <UiServersServerListing
           v-for="server in filteredData"
           :key="server.server_id"
diff --git a/packages/ui/src/composables/stripe.ts b/packages/ui/src/composables/stripe.ts
index 47096bb1..02b6d2f1 100644
--- a/packages/ui/src/composables/stripe.ts
+++ b/packages/ui/src/composables/stripe.ts
@@ -230,8 +230,8 @@ export const useStripe = (
           metadata: {
             type: 'pyro',
             server_region: region.value,
-            source: {}
-          }
+            source: {},
+          },
         })
         console.log(`Updated payment intent: ${interval.value} for ${result.total}`)
       } else {
@@ -245,8 +245,8 @@ export const useStripe = (
           metadata: {
             type: 'pyro',
             server_region: region.value,
-            source: {}
-          }
+            source: {},
+          },
         }))
         console.log(`Created payment intent: ${interval.value} for ${result.total}`)
       }