feat/docs: add telegram support card, some addl. docs on new/old env vars

This commit is contained in:
Aidan 2025-04-09 11:31:58 -04:00
parent f1f1829729
commit 9c216f6cc0
2 changed files with 43 additions and 7 deletions

View File

@ -5,6 +5,7 @@ import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/com
import { Input } from "@/components/ui/input" import { Input } from "@/components/ui/input"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import { Copy, ExternalLink, Mail } from "lucide-react" import { Copy, ExternalLink, Mail } from "lucide-react"
import { RiTelegram2Fill, RiTelegram2Line } from "react-icons/ri"
const fadeIn = { const fadeIn = {
initial: { opacity: 0, y: 20 }, initial: { opacity: 0, y: 20 },
@ -26,9 +27,9 @@ export default function Support() {
<CardDescription>Create a ticket by sending an email</CardDescription> <CardDescription>Create a ticket by sending an email</CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<span className="text-sm">You can either send a message to the address below, or click the button.</span> <p className="text-sm">You can either send a message to the address below, or click the button to copy our email to your clipboard.</p>
<div className="flex w-full max-w-sm items-center space-x-2 mt-2"> <div className="flex w-full max-w-sm items-center space-x-2 mt-2">
<Input value="support@librecloud.cc" disabled /> <Input value={process.env.NEXT_PUBLIC_SUPPORT_EMAIL || "support@librecloud.cc"} disabled />
<Button <Button
variant="outline" variant="outline"
size="icon" size="icon"
@ -38,7 +39,7 @@ export default function Support() {
</Button> </Button>
</div> </div>
<Button <Button
className="mt-4" className="mt-4 cursor-pointer"
onClick={() => window.location.href = 'mailto:' + (process.env.NEXT_PUBLIC_SUPPORT_EMAIL || "support@librecloud.cc")} onClick={() => window.location.href = 'mailto:' + (process.env.NEXT_PUBLIC_SUPPORT_EMAIL || "support@librecloud.cc")}
> >
<ExternalLink /> <ExternalLink />
@ -46,6 +47,38 @@ export default function Support() {
</Button> </Button>
</CardContent> </CardContent>
</Card> </Card>
<Card className="col-span-full md:col-span-1">
<CardHeader>
<CardTitle className="flex items-center text-2xl">
<RiTelegram2Line size={24} className="mr-1.5" />
Telegram
</CardTitle>
<CardDescription>Get support and updates via Telegram</CardDescription>
</CardHeader>
<CardContent>
<span className="text-sm">
<b>Channel</b> - Get updates and news about LibreCloud.
<br />
<b>Group</b> - Get support and help from the community.
</span>
<div className="flex items-center mt-6">
<Button
className="cursor-pointer"
onClick={() => window.open(process.env.NEXT_PUBLIC_TELEGRAM_CHANNEL_URL || "https://t.me/pontushub", "_blank")}
>
<RiTelegram2Fill />
Join Channel
</Button>
<Button
className="cursor-pointer ml-4"
onClick={() => window.open(process.env.NEXT_PUBLIC_TELEGRAM_GROUP_URL || "https://t.me/pontushubchat", "_blank")}
>
<RiTelegram2Fill />
Join Chat Group
</Button>
</div>
</CardContent>
</Card>
</div> </div>
</motion.div> </motion.div>
) )

View File

@ -9,10 +9,13 @@ While this will change in the future, we still suggest that provide all the list
These are the environment variables which handle how `librecloud/web` functions. These are the environment variables which handle how `librecloud/web` functions.
With these variables, you can disable entire parts of the dashboard, such as registration. With these variables, you can disable entire parts of the dashboard, such as registration.
| Environment Variable | Description | Expected Value | | Environment Variable | Description | Expected Value |
|------------------------|-----------------------------------------------------------|----------------------------------------| |----------------------------------|-----------------------------------------------------------|----------------------------------------|
| SIGNUP_ENABLED | Controls if the signup page and APIs are enabled/disabled | `true` (Enabled) or `false` (Disabled) | | SIGNUP_ENABLED | Controls if the signup page and APIs are enabled/disabled | `true` (Enabled) or `false` (Disabled) |
| NEXT_PUBLIC_DONATE_URL | Changes the universal donation link for buttons/links | String - `https://...` | | NEXT_PUBLIC_DONATE_URL | Changes the universal donation link for buttons/links | String - `https://...` |
| NEXT_PUBLIC_SUPPORT_EMAIL | Email displayed in the "Support" tab of dashboard | String - `example@example.com` |
| NEXT_PUBLIC_TELEGRAM_CHANNEL_URL | Changes the default Telegram channel link in Support dash | String - `https://t.me/...` |
| NEXT_PUBLIC_TELEGRAM_GROUP_URL | Changes the default Telegram group link in Support dash | String - `https://t.me/...` |
## Authentik ## Authentik