From 6ca8a4e5fd0d21f5d272833c2d6197cc9a0b7992 Mon Sep 17 00:00:00 2001
From: Prospector <prospectordev@gmail.com>
Date: Tue, 3 Jun 2025 11:09:22 -0700
Subject: [PATCH] Fix QA issues

---
 .../billing/ModrinthServersPurchaseModal.vue       |  6 +++++-
 .../components/billing/ServersPurchase1Region.vue  | 14 ++++++++++----
 .../components/billing/ServersPurchase3Review.vue  |  2 +-
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
index e3b81de6c..9f66427fc 100644
--- a/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
+++ b/packages/ui/src/components/billing/ModrinthServersPurchaseModal.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, useTemplateRef, nextTick } from 'vue'
+import { ref, computed, useTemplateRef, nextTick, watch } from 'vue'
 import NewModal from '../modal/NewModal.vue'
 import { type MessageDescriptor, useVIntl, defineMessage } from '@vintl/vintl'
 import {
@@ -194,6 +194,10 @@ async function setStep(step: Step | undefined, skipValidation = false) {
   }
 }
 
+watch(selectedPlan, () => {
+  console.log(selectedPlan.value)
+})
+
 function begin(interval: ServerBillingInterval, plan?: ServerPlan) {
   loading.value = false
   selectedPlan.value = plan
diff --git a/packages/ui/src/components/billing/ServersPurchase1Region.vue b/packages/ui/src/components/billing/ServersPurchase1Region.vue
index af8f4304d..c7ae97c11 100644
--- a/packages/ui/src/components/billing/ServersPurchase1Region.vue
+++ b/packages/ui/src/components/billing/ServersPurchase1Region.vue
@@ -82,11 +82,15 @@ function updateRamStock(regionToCheck: string, newRam: number) {
 }
 
 watch(selectedRam, (newRam: number) => {
-  updateRamStock(selectedRegion.value, newRam)
+  if (props.custom && selectedRegion.value) {
+    updateRamStock(selectedRegion.value, newRam)
+  }
 })
 
-watch(selectedRegion, (newRegion: number) => {
-  updateRamStock(newRegion, selectedRam.value)
+watch(selectedRegion, (newRegion: string | undefined) => {
+  if (props.custom && newRegion) {
+    updateRamStock(newRegion, selectedRam.value)
+  }
 })
 
 const currentStock = ref<{ [region: string]: number }>({})
@@ -154,7 +158,9 @@ onMounted(() => {
           : firstWithStock?.shortcode
     }
     selectedRegion.value = stockedRegion
-    updateRamStock(stockedRegion, minRam.value)
+    if (props.custom && stockedRegion) {
+      updateRamStock(stockedRegion, minRam.value)
+    }
     loading.value = false
   })
 })
diff --git a/packages/ui/src/components/billing/ServersPurchase3Review.vue b/packages/ui/src/components/billing/ServersPurchase3Review.vue
index ce5e13f08..3978e2366 100644
--- a/packages/ui/src/components/billing/ServersPurchase3Review.vue
+++ b/packages/ui/src/components/billing/ServersPurchase3Review.vue
@@ -186,7 +186,7 @@ function setInterval(newInterval: ServerBillingInterval) {
           >{{
             formatPrice(
               locale,
-              prices?.prices?.intervals?.['quarterly'] ?? 0 / monthsInInterval['quarterly'],
+              (prices?.prices?.intervals?.['quarterly'] ?? 0) / monthsInInterval['quarterly'],
               currency,
               true,
             )