added testing

app/api/create-topup-session/route.ts

@@ -3,6 +3,7 @@ import { withAuth } from "@/utils/withAuth";
 import { createClient } from "@/utils/supabase/server";
 import { User } from "@supabase/supabase-js";
 import { STRIPE_PRICE_IDS } from "@/utils/constants";
+import { TEST_MODE_ENABLED } from "@/utils/constants";
 
 const PEARAI_SERVER_URL = process.env.PEARAI_SERVER_URL;
 
@@ -27,7 +28,7 @@ async function createTopUpSession(request: NextRequest & { user: User }) {
     }
 
     const token = session.access_token;
-    const url = `${PEARAI_SERVER_URL}/payment/create-topup-session`;
+    const url = `${PEARAI_SERVER_URL}/payment${TEST_MODE_ENABLED ? "/test" : ""}/create-topup-session`;
 
     const response = await fetch(url, {
       method: "POST",

components/dashboard/subscription-card.tsx

@@ -248,7 +248,7 @@ export default function SubscriptionCard({
               </p>
             </div>
           </div>
-          <div className="mt-8 flex justify-between space-x-4">
+          <div className="flex justify-between">
             <div className="hidden space-x-2 sm:block">
               <Button variant="default" asChild>
                 <Link
@@ -259,13 +259,16 @@ export default function SubscriptionCard({
                 </Link>
               </Button>
             </div>
+            <TopUpModal />
+          </div>
+          <div className="flex justify-between space-x-4">
             <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
               <DialogTrigger asChild>
                 <Button
                   onClick={handleCancelClick}
                   disabled={isCanceling}
                   variant="link"
-                  className="px-0"
+                  className="px-0 underline underline-offset-2"
                 >
                   {isCanceling
                     ? "Canceling..."
@@ -317,9 +320,6 @@ export default function SubscriptionCard({
               Use this button to open the app and login directly.
             </p>
           </div>
-          <div className="mt-4">
-            <TopUpModal />
-          </div>
         </CardContent>
       </div>
     </Card>

utils/constants.ts

@@ -25,12 +25,14 @@ const NEXT_PUBLIC_STRIPE_ANNUAL_PRICE_ID_TEST =
 const NEXT_PUBLIC_STRIPE_TOP_UP_5_CREDITS_ID = "price_1Q2nvy09pmf2gJFPOCmPjfmB";
 const NEXT_PUBLIC_STRIPE_TOP_UP_5_CREDITS_ID_TEST =
   "price_1Q2nvy09pmf2gJFPOCmPjfmB";
-const NEXT_PUBLIC_STRIPE_TOP_UP_10_CREDITS_ID = "price_id_for_10_credits";
+const NEXT_PUBLIC_STRIPE_TOP_UP_10_CREDITS_ID =
+  "price_1Q438e09pmf2gJFPKXLF5TC8";
 const NEXT_PUBLIC_STRIPE_TOP_UP_10_CREDITS_ID_TEST =
-  "price_id_for_10_credits_test";
-const NEXT_PUBLIC_STRIPE_TOP_UP_15_CREDITS_ID = "price_id_for_15_credits";
+  "price_1Q438e09pmf2gJFPKXLF5TC8";
+const NEXT_PUBLIC_STRIPE_TOP_UP_15_CREDITS_ID =
+  "price_1Q438v09pmf2gJFPrrzYofm3";
 const NEXT_PUBLIC_STRIPE_TOP_UP_15_CREDITS_ID_TEST =
-  "price_id_for_15_credits_test";
+  "price_1Q438v09pmf2gJFPrrzYofm3";
 
 export const STRIPE_PRICE_IDS = {
   WAITLIST: TEST_MODE_ENABLED