Buriburizaemon/admin-frontend-domain
1
0
Fork 0
mirror of https://github.com/Buriburizaem0n/admin-frontend-domain.git synced 2026-05-06 05:38:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: specialized UI labels for Telegram notification type

Browse Source
This commit is contained in:
Bot
2026-04-16 21:43:50 +08:00
parent d9ec7c362c
commit 48ccde053b
1 changed files with 34 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/notifier.tsx
+34 -22
View File
@@ -164,6 +164,7 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
<SelectContent>
<SelectItem value="1">Webhook</SelectItem>
<SelectItem value="2">SMTP (Email)</SelectItem>
<SelectItem value="3">Telegram</SelectItem>
</SelectContent>
</Select>
<FormMessage />
@@ -175,15 +176,18 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
name="url"
render={({ field }) => (
<FormItem>
<FormLabel>{form.watch("type") == 2 ? "SMTP Server (host:port)" : "URL"}</FormLabel>
<FormLabel>
{form.watch("type") == 2 ? "SMTP Server (host:port)" :
form.watch("type") == 3 ? "Bot Token" : "URL"}
</FormLabel>
<FormControl>
<Input {...field} />
<Input {...field} placeholder={form.watch("type") == 3 ? "123456:ABC-DEF" : ""} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
{form.watch("type") != 2 && (
{form.watch("type") != 2 && form.watch("type") != 3 && (
<>
<FormField
control={form.control}
@@ -248,28 +252,17 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
name="request_header"
render={({ field }) => (
<FormItem>
<FormLabel>{form.watch("type") == 2 ? "SMTP User:Pass" : t("RequestHeader")}</FormLabel>
<FormLabel>
{form.watch("type") == 2 ? "SMTP User:Pass" :
form.watch("type") == 3 ? "Chat ID" : t("RequestHeader")}
</FormLabel>
<FormControl>
<Textarea
className="resize-y"
placeholder={form.watch("type") == 2 ? "user:pass" : '{"User-Agent":"Nezha-Agent"}'}
{...field}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<FormField
control={form.control}
name="request_body"
render={({ field }) => (
<FormItem>
<FormLabel>{form.watch("type") == 2 ? "Recipient Email" : t("RequestBody")}</FormLabel>
<FormControl>
<Textarea
className={form.watch("type") == 2 ? "resize-y" : "resize-y h-[240px]"}
placeholder={form.watch("type") == 2 ? "target@example.com" : '...'}
placeholder={
form.watch("type") == 2 ? "user:pass" :
form.watch("type") == 3 ? "123456789" : '{"User-Agent":"Nezha-Agent"}'
}
{...field}
/>
</FormControl>
@@ -277,6 +270,25 @@ export const NotifierCard: React.FC<NotifierCardProps> = ({ data, mutate }) => {
</FormItem>
)}
/>
{form.watch("type") != 3 && (
<FormField
control={form.control}
name="request_body"
render={({ field }) => (
<FormItem>
<FormLabel>{form.watch("type") == 2 ? "Recipient Email" : t("RequestBody")}</FormLabel>
<FormControl>
<Textarea
className={form.watch("type") == 2 ? "resize-y" : "resize-y h-[240px]"}
placeholder={form.watch("type") == 2 ? "target@example.com" : '...'}
{...field}
/>
</FormControl>
<FormMessage />
</FormItem>
)}
/>
)}
<FormField
control={form.control}
name="verify_tls"