From 78d148b381a644689521199629c392b7449c917d Mon Sep 17 00:00:00 2001
From: Jai A <jaiagr+gpg@pm.me>
Date: Sat, 17 Aug 2024 17:39:41 -0700
Subject: [PATCH] fix api url

---
 apps/frontend/nuxt.config.ts                       |  2 +-
 apps/frontend/src/pages/plus.vue                   | 10 +++++-----
 apps/frontend/src/pages/settings/billing/index.vue |  4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts
index 97e123e60..effff5f02 100644
--- a/apps/frontend/nuxt.config.ts
+++ b/apps/frontend/nuxt.config.ts
@@ -8,7 +8,7 @@ import { globIterate } from "glob";
 import { match as matchLocale } from "@formatjs/intl-localematcher";
 import { consola } from "consola";
 
-const STAGING_API_URL = "https://api.modrinth.com/v2/";
+const STAGING_API_URL = "https://staging-api.modrinth.com/v2/";
 
 const preloadedFonts = [
   "inter/Inter-Regular.woff2",
diff --git a/apps/frontend/src/pages/plus.vue b/apps/frontend/src/pages/plus.vue
index 5da913038..b833a3f81 100644
--- a/apps/frontend/src/pages/plus.vue
+++ b/apps/frontend/src/pages/plus.vue
@@ -24,14 +24,14 @@
   />
   <div class="main-hero">
     <div class="flex max-w-screen-lg flex-col items-center gap-4 text-center">
-      <ModrinthPlusIcon class="text-contrast h-8 w-max" />
+      <ModrinthPlusIcon class="h-8 w-max text-contrast" />
       <h1 class="m-0 text-[4rem]">Support creators and go ad-free</h1>
       <p class="m-0 mb-4 text-[18px] leading-relaxed">
         Subscribe to Modrinth Plus to go ad-free, support Modrinth's development, and get an
         exclusive profile badge! Half your subscription goes directly to Modrinth creators. Cancel
         anytime.
       </p>
-      <p class="text-purple m-0 text-[2rem] font-bold">
+      <p class="m-0 text-[2rem] font-bold text-purple">
         {{ formatPrice(vintl.locale, price.prices.intervals.monthly, price.currency_code) }}/mo
       </p>
       <p class="m-0 mb-4 text-secondary">
@@ -63,14 +63,14 @@
     <h2>What you get with Modrinth Plus!</h2>
     <div class="mt-8 grid max-w-screen-lg gap-8 lg:grid-cols-3">
       <div class="flex flex-col gap-4 rounded-xl bg-bg-raised p-4">
-        <HeartIcon class="text-purple h-8 w-8" />
+        <HeartIcon class="h-8 w-8 text-purple" />
         <span class="text-lg font-bold">Support Modrinth creators</span>
         <span class="leading-5 text-secondary">
           50% of your subscription goes directly to Modrinth creators.
         </span>
       </div>
       <div class="flex flex-col gap-4 rounded-xl bg-bg-raised p-4">
-        <SparklesIcon class="text-purple h-8 w-8" />
+        <SparklesIcon class="h-8 w-8 text-purple" />
         <span class="text-lg font-bold">Remove all ads</span>
         <span class="leading-5 text-secondary">
           Never see an advertisement again on
@@ -79,7 +79,7 @@
         </span>
       </div>
       <div class="flex flex-col gap-4 rounded-xl bg-bg-raised p-4">
-        <StarIcon class="text-purple h-8 w-8" />
+        <StarIcon class="h-8 w-8 text-purple" />
         <span class="text-lg font-bold">Profile badge</span>
         <span class="leading-5 text-secondary">Get an exclusive badge on your user page.</span>
       </div>
diff --git a/apps/frontend/src/pages/settings/billing/index.vue b/apps/frontend/src/pages/settings/billing/index.vue
index 48f263cf1..565483a6f 100644
--- a/apps/frontend/src/pages/settings/billing/index.vue
+++ b/apps/frontend/src/pages/settings/billing/index.vue
@@ -186,7 +186,7 @@
     />
     <NewModal ref="addPaymentMethodModal">
       <template #title>
-        <span class="text-contrast text-lg font-extrabold">
+        <span class="text-lg font-extrabold text-contrast">
           {{ formatMessage(messages.paymentMethodTitle) }}
         </span>
       </template>
@@ -242,7 +242,7 @@
           <PayPalIcon v-else-if="method.type === 'paypal'" class="h-8 w-8" />
           <div class="flex flex-col">
             <div class="flex items-center gap-2">
-              <div class="text-contrast font-bold">
+              <div class="font-bold text-contrast">
                 <template v-if="method.type === 'card'">
                   {{
                     formatMessage(messages.paymentMethodCardDisplay, {