add links to subscription page

Author: MaximBudnik

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

@@ -0,0 +1,38 @@
+import Link from "next/link"
+
+import { cn } from "@/lib/utils"
+
+export function SubscriptionFooter({ className }: { className?: string }) {
+    return (
+        <footer className={cn(" border-t pt-6", className)}>
+            <div className="container mx-auto">
+                <div className="flex flex-wrap justify-center gap-6 text-sm text-muted-foreground">
+                    <Link
+                        href="https://api200.co/terms-of-service"
+                        className="transition-colors hover:text-primary"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        Terms of service
+                    </Link>
+                    <Link
+                        href="https://api200.co/privacy-policy"
+                        className="transition-colors hover:text-primary"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        Privacy policy
+                    </Link>
+                    <Link
+                        href="https://api200.co/refund-policy"
+                        className="transition-colors hover:text-primary"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                    >
+                        Refund policy
+                    </Link>
+                </div>
+            </div>
+        </footer>
+    )
+}

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

@@ -3,6 +3,7 @@ import SubscriptionCard from "./components/SubscriptionCard";
 import PlansComparison from "./components/PlansComparison";
 import {createClient} from "@/utils/supabase/server";
 import { getSubscription } from "@/utils/paddle/getSubscription";
+import { SubscriptionFooter } from "./components/SubscriptionFooter";
 
 export default async function SubscriptionPage() {
     const supabase = await createClient()
@@ -13,28 +14,32 @@ export default async function SubscriptionPage() {
 
 
     return (
-        <div className="container mx-auto">
-            <div className="flex justify-between items-center">
-                <div>
-                    <h1 className="text-3xl font-bold tracking-tight">Manage Subscription</h1>
-                </div>
-            </div>
-            <Separator className="my-4" />
-            <div className="space-y-6">
-                <div>
-                    <h2 className="text-xl font-semibold mb-4">Current Subscription</h2>
-                    <SubscriptionCard usages={usages} subscription={subscription} customerData={{
-                        email: user?.email as string,
-                    }} />
+        <div className="flex flex-col justify-between h-full">
+            <div className="container mx-auto">
+                <div className="flex justify-between items-center">
+                    <div>
+                        <h1 className="text-3xl font-bold tracking-tight">Manage Subscription</h1>
+                    </div>
                 </div>
+                <Separator className="my-4" />
+                <div className="space-y-6">
+                    <div>
+                        <h2 className="text-xl font-semibold mb-4">Current Subscription</h2>
+                        <SubscriptionCard usages={usages} subscription={subscription} customerData={{
+                            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 as string,
-                    }} />
+                    <div>
+                        <h2 className="text-xl font-semibold mb-4">Plans Comparison</h2>
+                        <PlansComparison subscription={subscription} customerData={{
+                            email: user?.email as string,
+                        }} />
+                    </div>
                 </div>
             </div>
+            <SubscriptionFooter />
         </div>
-    );
+
+);
 }