feat/docs: add telegram support card, some addl. docs on new/old env vars
This commit is contained in:
parent
f1f1829729
commit
9c216f6cc0
@ -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>
|
||||||
)
|
)
|
||||||
|
@ -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
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user