build fix

Author: MaximBudnik

packages/dashboard/src/app/(layout)/subscription/components/PlansComparison.tsx

@@ -18,7 +18,7 @@ type Props = {
 export default function PlansComparison({subscription, customerData}: Props) {
 
     const [billingCycle, setBillingCycle] = useState("monthly");
-    const {paddle, error, handleUpgrade} = usePaddle();
+    const {handleUpgrade} = usePaddle();
 
 
     // Toggle billing cycle

packages/dashboard/src/app/(layout)/subscription/components/SubscriptionCard.tsx

@@ -1,14 +1,13 @@
 "use client";
 
-import { useState } from "react";
-import { Badge } from "@/components/ui/badge";
-import { Progress } from "@/components/ui/progress";
-import { Button } from "@/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import {Badge} from "@/components/ui/badge";
+import {Progress} from "@/components/ui/progress";
+import {Button} from "@/components/ui/button";
+import {Card, CardContent, CardDescription, CardHeader, CardTitle} from "@/components/ui/card";
 import {Tables} from "@/utils/supabase/database.types";
 import {PLANS} from "@/utils/constants";
 import {format} from "date-fns";
-import {pro_monthly_id, pro_yearly_id, usePaddle} from "@/hooks/usePaddle";
+import {pro_monthly_id, usePaddle} from "@/hooks/usePaddle";
 
 type Props = {
     subscription: (Tables<'subscriptions'> & Tables<'customers'>) | null;
@@ -18,8 +17,8 @@ type Props = {
     }
 }
 
-export default function SubscriptionCard({ subscription, usages, customerData }: Props) {
-    const {paddle, error, handleUpgrade} = usePaddle();
+export default function SubscriptionCard({subscription, usages, customerData}: Props) {
+    const {paddle, handleUpgrade} = usePaddle();
 
     const isPro = subscription?.subscription_status === "active";
     const maxRequestsPerMonth = isPro ? PLANS.PRO.REQUESTS_PER_MONTH : PLANS.BASIC.REQUESTS_PER_MONTH
@@ -30,7 +29,7 @@ export default function SubscriptionCard({ subscription, usages, customerData }:
     const handleCancel = async () => {
         try {
             paddle?.Retain.initCancellationFlow({
-                subscriptionId: subscription?.subscription_id!,
+                subscriptionId: subscription?.subscription_id as string,
             })
         } catch (error) {
             console.error("Error canceling subscription:", error);
@@ -74,7 +73,7 @@ export default function SubscriptionCard({ subscription, usages, customerData }:
                         {usages} / {maxRequestsPerMonth}
                     </div>
                 </div>
-                <Progress value={usagePercentage} className="h-2" />
+                <Progress value={usagePercentage} className="h-2"/>
             </CardContent>
         </Card>
     );

packages/dashboard/src/app/(layout)/subscription/page.tsx

@@ -7,7 +7,7 @@ import { getSubscription } from "@/utils/paddle/getSubscription";
 export default async function SubscriptionPage() {
     const supabase = await createClient()
     const {data: {user}} = await supabase.auth.getUser()
-    const { data } = await supabase.from('usages').select().eq('user_id',user?.id!).maybeSingle()
+    const { data } = await supabase.from('usages').select().eq('user_id',user?.id as string).maybeSingle()
     const usages = data?.calls_count
     const subscription = await getSubscription()
 
@@ -24,14 +24,14 @@ export default async function SubscriptionPage() {
                 <div>
                     <h2 className="text-xl font-semibold mb-4">Current Subscription</h2>
                     <SubscriptionCard usages={usages} subscription={subscription} customerData={{
-                        email: user?.email!,
+                        email: user?.email as string,
                     }} />
                 </div>
 
                 <div>
                     <h2 className="text-xl font-semibold mb-4">Plans Comparison</h2>
                     <PlansComparison subscription={subscription} customerData={{
-                        email: user?.email!,
+                        email: user?.email as string,
                     }} />
                 </div>
             </div>

packages/dashboard/src/hooks/usePaddle.ts

@@ -1,6 +1,7 @@
 import { env } from "next-runtime-env";
 import {useCallback, useEffect, useState } from "react";
 import {initializePaddle, Paddle} from "@paddle/paddle-js";
+import { captureException } from "@sentry/nextjs"
 
 
 const environment = env('NEXT_PUBLIC_PADDLE_ENV') as "sandbox";
@@ -24,6 +25,7 @@ export function usePaddle() {
                 }
             })
             .catch((err) => {
+                captureException(err);
                 if (isMounted) {
                     setError(err as Error);
                     console.error('Failed to initialize Paddle:', err);
@@ -61,6 +63,7 @@ export function usePaddle() {
                 }
             })
         } catch (error) {
+            captureException(error);
             console.error("Error upgrading subscription:", error);
         }
     };