dvelo/mhsf-dev
1
0
Fork 0
mirror of https://github.com/DeveloLongScript/MHSF.git synced 2026-05-07 19:24:59 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: more type issues

Browse Source
This commit is contained in:
dvelo 2025-01-19 17:35:05 -06:00
parent 51b3050528
commit f1fa1d98c1
2 changed files with 72 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

142
src/components/misc/BannerPopover.tsx
View File

@ -1,16 +1,16 @@
"use client";;
"use client";
import { zodResolver } from "@hookform/resolvers/zod";
import { useForm } from "react-hook-form";
import { z } from "zod";
import { Button } from "@/components/ui/button";
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { setCustomization } from "@/lib/api";
@ -18,73 +18,73 @@ import { toast } from "sonner";
import ColorProvider from "../ColorProvider";
const FormSchema = z.object({
website: z
.string()
.min(2, {
message: "ID must be at least 2 characters.",
})
.url({ message: "Image must be in URL form." }),
website: z
.string()
.min(2, {
message: "ID must be at least 2 characters.",
})
.url({ message: "Image must be in URL form." }),
});
export function BannerPopover({ server, get }: { server: string; get: any }) {
const form = useForm<z.infer<typeof FormSchema>>({
resolver: zodResolver(FormSchema),
defaultValues: {
website: "",
},
});
const form = useForm<z.infer<typeof FormSchema>>({
resolver: zodResolver(FormSchema),
defaultValues: {
website: "",
},
});
async function onSubmit(data: z.infer<typeof FormSchema>) {
toast.promise(setCustomization(server, { banner: data.website }), {
loading: "Setting banner..",
success: "Set banner!",
error: "Error while setting banner",
});
}
async function onSubmit(data: z.infer<typeof FormSchema>) {
toast.promise(setCustomization(server, { banner: data.website }), {
loading: "Setting banner..",
success: "Set banner!",
error: "Error while setting banner",
});
}
return (
<ColorProvider server={server} fetch={get}>
<div>
<span className="text-sm">
All images that are in a web supported format can be used as the
banner for a server.
</span>
<br />
<br />
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="w-2/3 space-y-6"
defaultValue={get?.banner}
>
<FormField
control={form.control}
name="website"
render={({ field }) => (
<FormItem>
<FormLabel>Image URL</FormLabel>
<FormControl>
<Input {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<Button type="submit" className="h-[30px]">
Submit
</Button>
<Button
className="ml-2 h-[30px]"
type="button"
onClick={() => {
console.log("hi");
}}
>
Clear
</Button>
</form>
</Form>
</div>
</ColorProvider>
);
return (
<ColorProvider server={server} fetchV={get}>
<div>
<span className="text-sm">
All images that are in a web supported format can be used as the
banner for a server.
</span>
<br />
<br />
<Form {...form}>
<form
onSubmit={form.handleSubmit(onSubmit)}
className="w-2/3 space-y-6"
defaultValue={get?.banner}
>
<FormField
control={form.control}
name="website"
render={({ field }) => (
<FormItem>
<FormLabel>Image URL</FormLabel>
<FormControl>
<Input {...field} />
</FormControl>
<FormMessage />
</FormItem>
)}
/>
<Button type="submit" className="h-[30px]">
Submit
</Button>
<Button
className="ml-2 h-[30px]"
type="button"
onClick={() => {
console.log("hi");
}}
>
Clear
</Button>
</form>
</Form>
</div>
</ColorProvider>
);
}

2
src/components/misc/DiscordPopover.tsx
View File

@ -78,7 +78,7 @@ export function DiscordPopover({ server, get }: { server: string; get: any }) {
}, [get]);
return (
<ColorProvider server={server} fetch={get}>
<ColorProvider server={server} fetchV={get}>
<div>
<span className="text-sm">
To embed a Discord server into your server page, first enable the