Adding a conditional that invokes a "get stripe dashboard" function i…

…f the user is already subscribed, to disallow a second subscription form being created.

components/ui/Pricing/Pricing.tsx

@@ -4,7 +4,7 @@ import Button from '@/components/ui/Button';
 import LogoCloud from '@/components/ui/LogoCloud';
 import type { Tables } from '@/types_db';
 import { getStripe } from '@/utils/stripe/client';
-import { checkoutWithStripe } from '@/utils/stripe/server';
+import { checkoutWithStripe, createStripePortal } from '@/utils/stripe/server';
 import { getErrorRedirect } from '@/utils/helpers';
 import { User } from '@supabase/supabase-js';
 import cn from 'classnames';
@@ -81,6 +81,13 @@ export default function Pricing({ user, products, subscription }: Props) {
     setPriceIdLoading(undefined);
   };
 
+  const handleStripePortalRequest = async (price: Price) => {
+    setPriceIdLoading(price.id);
+    const redirectUrl = await createStripePortal(currentPath);
+    setPriceIdLoading(undefined);
+    return router.push(redirectUrl);
+  };
+
   if (!products.length) {
     return (
       <section className="bg-black">
@@ -186,7 +193,7 @@ export default function Pricing({ user, products, subscription }: Props) {
                       variant="slim"
                       type="button"
                       loading={priceIdLoading === price.id}
-                      onClick={() => handleStripeCheckout(price)}
+                      onClick={subscription ? () => handleStripePortalRequest(price) : () => handleStripeCheckout(price)}
                       className="block w-full py-2 mt-8 text-sm font-semibold text-center text-white rounded-md hover:bg-zinc-900"
                     >
                       {subscription ? 'Manage' : 'Subscribe'}