Compare commits

...

2 Commits

Author SHA1 Message Date
64cc900953 feat: add support page 2025-03-12 14:48:25 -04:00
32d85c3c63 qodana: exclude prisma 2025-03-12 13:51:09 -04:00
4 changed files with 64 additions and 2 deletions

View File

@ -0,0 +1,61 @@
"use client"
import { motion } from "framer-motion"
import { SideMenu } from "@/components/pages/dashboard/SideMenu"
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button"
import { Copy, ExternalLink, Mail } from "lucide-react"
const fadeIn = {
initial: { opacity: 0, y: 20 },
animate: { opacity: 1, y: 0 },
transition: { duration: 0.4 },
}
export default function Support() {
return (
<div className="flex flex-1 overflow-hidden">
<SideMenu />
<main className="flex-1 w-full overflow-y-auto pl-0 lg:pl-64">
<div className="container mx-auto px-4 py-6 w-full">
<motion.div {...fadeIn}>
<h1 className="text-3xl font-bold mb-6 text-foreground">Support</h1>
<div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
<Card className="col-span-full md:col-span-1">
<CardHeader>
<CardTitle className="flex items-center text-2xl">
<Mail size={24} className="mr-1.5" />
Email
</CardTitle>
<CardDescription>Create a ticket by sending an email</CardDescription>
</CardHeader>
<CardContent>
<span className="text-sm">You can either send a message to the address below, or click the button.</span>
<div className="flex w-full max-w-sm items-center space-x-2 mt-2">
<Input value="support@librecloud.cc" disabled />
<Button
variant="outline"
size="icon"
onClick={() => navigator.clipboard.writeText(process.env.NEXT_PUBLIC_SUPPORT_EMAIL || "support@librecloud.cc") }
>
<Copy size={16} />
</Button>
</div>
<Button
className="mt-4"
onClick={() => window.location.href = 'mailto:' + (process.env.NEXT_PUBLIC_SUPPORT_EMAIL || "support@librecloud.cc")}
>
<ExternalLink />
Open in Email Client
</Button>
</CardContent>
</Card>
</div>
</motion.div>
</div>
</main>
</div>
)
}

View File

@ -14,7 +14,7 @@ export const QuickLinks = () => {
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<Link <Link
href="mailto:support@librecloud.cc" href="/account/dashboard/support"
> >
<Button <Button
className="w-full mb-2" className="w-full mb-2"

View File

@ -149,7 +149,7 @@ export const SideMenu: React.FC = () => {
<SidebarMenuItem> <SidebarMenuItem>
<SidebarMenuButton asChild> <SidebarMenuButton asChild>
<Link href="mailto:support@librecloud.cc"> <Link href="/account/dashboard/support">
<Headset /> <Headset />
<span>Support</span> <span>Support</span>
</Link> </Link>

View File

@ -9,3 +9,4 @@ exclude:
paths: paths:
- .github/workflows/bump.yml - .github/workflows/bump.yml
- components/ui - components/ui
- prisma