73 lines
1.7 KiB
TypeScript

import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { Button } from "@/components/ui/button"
import {
Mail,
Headset,
Heart,
Link as LinkIcon,
Scale
} from "lucide-react"
import Link from "next/link"
export const QuickLinks = () => {
return (
<Card className="col-span-full md:col-span-1">
<CardHeader>
<CardTitle className="flex items-center text-xl gap-2">
<LinkIcon size={20} />
Quick Links
</CardTitle>
</CardHeader>
<CardContent>
<Link
href="/account/dashboard/support"
>
<Button
variant="secondary"
className="w-full mb-2 cursor-pointer"
>
<Headset />
Support
</Button>
</Link>
<Link
target="_blank"
href="https://mail.librecloud.cc"
>
<Button
variant="secondary"
className="w-full mb-2 cursor-pointer"
>
<Mail />
Webmail
</Button>
</Link>
<Link
target="_blank"
href={process.env.NEXT_PUBLIC_DONATE_URL || "https://donate.stripe.com/6oE8yxaPk6yXbpS145"}
>
<Button
variant="secondary"
className="w-full mb-2 cursor-pointer"
>
<Heart />
Donate
</Button>
</Link>
<Link
target="_blank"
href="/legal"
>
<Button
variant="secondary"
className="w-full mb-2 cursor-pointer"
>
<Scale />
Legal
</Button>
</Link>
</CardContent>
</Card>
);
};