From 31697cb29b36115b8aa3c5bd439c23b0dd9d9fb6 Mon Sep 17 00:00:00 2001
From: Ben Lopata <benlopata@gmail.com>
Date: Thu, 17 Oct 2024 16:21:15 -0500
Subject: [PATCH] Remove text input for support, misc formatting

---
 .../settings/SubscriptionSettings.tsx         | 22 ++---
 www/components/settings/SupportSettings.tsx   | 81 ++++++-------------
 2 files changed, 34 insertions(+), 69 deletions(-)

diff --git a/www/components/settings/SubscriptionSettings.tsx b/www/components/settings/SubscriptionSettings.tsx
index dfdb2b6..ff11c75 100644
--- a/www/components/settings/SubscriptionSettings.tsx
+++ b/www/components/settings/SubscriptionSettings.tsx
@@ -1,15 +1,15 @@
-"use client";
+'use client';
 
-import { useState } from "react";
-import { useRouter } from "next/navigation";
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
 
-import { createStripePortal } from "@/utils/stripe/actions";
-import { Tables } from "@/utils/database.types";
+import { createStripePortal } from '@/utils/stripe/actions';
+import { Tables } from '@/utils/database.types';
 
-import PriceCard from "@/components/PriceCard";
-type Subscription = Tables<"subscriptions">;
-type Product = Tables<"products">;
-type Price = Tables<"prices">;
+import PriceCard from '@/components/PriceCard';
+type Subscription = Tables<'subscriptions'>;
+type Product = Tables<'products'>;
+type Price = Tables<'prices'>;
 
 interface Props {
   subscription: Subscription | null;
@@ -33,7 +33,7 @@ export default function SubscriptionManager({ subscription, products }: Props) {
         router.push(url);
       }
     } catch (error) {
-      console.error("Error:", error);
+      console.error('Error:', error);
     }
     setLoading(false);
   };
@@ -46,7 +46,7 @@ export default function SubscriptionManager({ subscription, products }: Props) {
       <div className="mt-4">
         <h2 className="text-xl font-bold mb-2">Subscription Status</h2>
         <p className="mb-4">
-          {subscription ? "Active Subscription" : "No Active Subscription"}
+          {subscription ? 'Active Subscription' : 'No Active Subscription'}
         </p>
         {subscription ? (
           <button
diff --git a/www/components/settings/SupportSettings.tsx b/www/components/settings/SupportSettings.tsx
index 3aeb50d..bb9d66d 100644
--- a/www/components/settings/SupportSettings.tsx
+++ b/www/components/settings/SupportSettings.tsx
@@ -1,72 +1,37 @@
-"use client";
+'use client';
 
-import { useState } from "react";
-import { Button } from "@/components/ui/button";
-import { Textarea } from "@/components/ui/textarea";
 import {
   Card,
   CardContent,
   CardDescription,
-  CardFooter,
   CardHeader,
   CardTitle,
-} from "@/components/ui/card";
+} from '@/components/ui/card';
 
-interface SupportFormProps {
-  user: {
-    id: string;
-    email: string;
-  };
-}
-
-function SupportForm({ user }: SupportFormProps) {
-  const [message, setMessage] = useState("");
-
-  const handleSubmit = () => {
-    // Implement support message submission logic
-    console.log("Submitting support message:", message);
-  };
-
-  return (
-    <Card className="bg-card text-card-foreground">
-      <CardHeader>
-        <CardTitle className="text-primary">Contact Support</CardTitle>
-        <CardDescription>
-          Send us a message and we&apos;ll get back to you as soon as possible.
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <Textarea
-          placeholder="Describe your issue or question"
-          value={message}
-          onChange={(e) => setMessage(e.target.value)}
-          className="bg-input text-foreground"
-          rows={5}
-        />
-      </CardContent>
-      <CardFooter className="flex justify-start pt-6">
-        <Button
-          onClick={handleSubmit}
-          className="bg-primary text-primary-foreground hover:bg-primary/90"
-        >
-          Send Message
-        </Button>
-      </CardFooter>
-    </Card>
-  );
-}
-
-interface User {
-  id: string;
-  email: string;
-  // Add other user properties as needed
-}
-
-export function SupportSettings({ user }: { user: User }) {
+export function SupportSettings() {
   return (
     <div className="space-y-4">
       <h2 className="text-3xl font-bold text-primary">Contact Support</h2>
-      <SupportForm user={user} />
+      <Card className="bg-card text-card-foreground">
+        <CardHeader>
+          <CardTitle className="text-primary">Need Help?</CardTitle>
+          <CardDescription>
+            {`We're here to assist you with any questions or issues you may
+            have.`}
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <p>
+            For support, please email us at:{' '}
+            <a
+              href="mailto:hello@plasticlabs.ai"
+              className="text-primary hover:underline"
+            >
+              hello@plasticlabs.ai
+            </a>
+          </p>
+        </CardContent>
+      </Card>
     </div>
   );
 }