[autofix.ci] apply automated fixes

Author: autofix-ci[bot]

apps/dokploy/components/dashboard/settings/user-interface/user-interface-form.tsx

@@ -33,8 +33,10 @@ const userInterfaceSchema = z.object({
 type UserInterfaceForm = z.infer<typeof userInterfaceSchema>;
 
 export const UserInterfaceForm = () => {
-	const { data, refetch, isLoading } = api.settings.getUserInterfaceSettings.useQuery();
-	const { mutateAsync, isLoading: isUpdating } = api.settings.updateUserInterfaceSettings.useMutation();
+	const { data, refetch, isLoading } =
+		api.settings.getUserInterfaceSettings.useQuery();
+	const { mutateAsync, isLoading: isUpdating } =
+		api.settings.updateUserInterfaceSettings.useMutation();
 
 	const form = useForm<UserInterfaceForm>({
 		defaultValues: {
@@ -56,7 +58,7 @@ export const UserInterfaceForm = () => {
 			await mutateAsync({
 				loginPageImage: values.loginPageImage || null,
 			});
-			
+
 			toast.success("User interface settings updated successfully");
 			await refetch();
 		} catch (error) {
@@ -79,7 +81,10 @@ export const UserInterfaceForm = () => {
 					</CardHeader>
 					<CardContent className="space-y-6 py-8 border-t">
 						<Form {...form}>
-							<form onSubmit={form.handleSubmit(onSubmit)} className="space-y-6">
+							<form
+								onSubmit={form.handleSubmit(onSubmit)}
+								className="space-y-6"
+							>
 								<FormField
 									control={form.control}
 									name="loginPageImage"
@@ -94,38 +99,41 @@ export const UserInterfaceForm = () => {
 												/>
 											</FormControl>
 											<FormDescription>
-												URL of the background image to display on login page. Leave empty to use default.
+												URL of the background image to display on login page.
+												Leave empty to use default.
 											</FormDescription>
 											<FormMessage />
 										</FormItem>
 									)}
 								/>
-								
+
 								{form.watch("loginPageImage") && (
 									<div className="rounded-md border p-4">
-										<p className="text-sm text-muted-foreground mb-2">Preview:</p>
+										<p className="text-sm text-muted-foreground mb-2">
+											Preview:
+										</p>
 										<div className="relative w-20 rounded-sm overflow-hidden bg-muted">
 											<img
 												src={form.watch("loginPageImage")}
 												alt="Login page background preview"
 												className="h-full w-full object-cover"
 												onError={(e) => {
-													e.currentTarget.style.display = 'none';
-													(e.currentTarget.nextElementSibling as HTMLElement).style.display = 'flex';
+													e.currentTarget.style.display = "none";
+													(
+														e.currentTarget.nextElementSibling as HTMLElement
+													).style.display = "flex";
 												}}
 											/>
-											<div 
-												className="hidden h-full w-full items-center justify-center text-sm text-muted-foreground"
-											>
+											<div className="hidden h-full w-full items-center justify-center text-sm text-muted-foreground">
 												Failed to load image
 											</div>
 										</div>
 									</div>
 								)}
 
 								<div className="flex justify-end">
-									<Button 
-										type="submit" 
+									<Button
+										type="submit"
 										isLoading={isUpdating}
 										disabled={isLoading}
 									>
@@ -139,4 +147,4 @@ export const UserInterfaceForm = () => {
 			</Card>
 		</div>
 	);
-};
+};

apps/dokploy/components/layouts/onboarding-layout.tsx

@@ -16,37 +16,45 @@ export const OnboardingLayout = ({ children }: Props) => {
 	return (
 		<div className="container relative min-h-svh flex-col items-center justify-center flex lg:max-w-none lg:grid lg:grid-cols-2 lg:px-0 w-full">
 			<div className="relative hidden h-full flex-col  p-10 text-primary dark:border-r lg:flex">
-				<div 
+				<div
 					className="absolute inset-0"
 					style={{
-						backgroundImage: backgroundImage ? `url(${backgroundImage})` : undefined,
-						backgroundSize: 'cover',
-						backgroundPosition: 'center',
-						backgroundRepeat: 'no-repeat',
+						backgroundImage: backgroundImage
+							? `url(${backgroundImage})`
+							: undefined,
+						backgroundSize: "cover",
+						backgroundPosition: "center",
+						backgroundRepeat: "no-repeat",
 					}}
 				>
-					<div className={cn(
-						"absolute inset-0",
-						backgroundImage ? "bg-black/40" : "bg-muted"
-					)} />
+					<div
+						className={cn(
+							"absolute inset-0",
+							backgroundImage ? "bg-black/40" : "bg-muted",
+						)}
+					/>
 				</div>
 				<Link
 					href="https://dokploy.com"
 					className="relative z-20 flex items-center text-lg font-medium gap-4 text-primary"
 				>
 					<Logo className="size-10" />
-					<span className={cn(
-						backgroundImage ? "text-white drop-shadow-lg" : "text-primary"
-					)}>
+					<span
+						className={cn(
+							backgroundImage ? "text-white drop-shadow-lg" : "text-primary",
+						)}
+					>
 						Dokploy
 					</span>
 				</Link>
 				<div className="relative z-20 mt-auto">
 					<blockquote className="space-y-2">
-						<p className={cn(
-							"text-lg",
-							backgroundImage ? "text-white drop-shadow-lg" : "text-primary"
-						)}>
+						<p
+							className={cn(
+								"text-lg",
+								backgroundImage ? "text-white drop-shadow-lg" : "text-primary",
+							)}
+						>
 							&ldquo;The Open Source alternative to Netlify, Vercel,
 							Heroku.&rdquo;
 						</p>

apps/dokploy/pages/dashboard/settings/user-interface.tsx

@@ -50,4 +50,4 @@ export async function getServerSideProps(
 			...(await serverSideTranslations(locale, ["settings"])),
 		},
 	};
-}
+}

apps/dokploy/server/api/routers/settings.ts

@@ -930,11 +930,11 @@ export const settingsRouter = createTRPCRouter({
 			if (IS_CLOUD) {
 				return null;
 			}
-			
+
 			const settings = await updateUserInterfaceSettings({
 				loginPageImage: input.loginPageImage,
 			});
-			
+
 			return {
 				loginPageImage: settings?.loginPageImage || null,
 			};

packages/server/src/db/schema/user-interface-settings.ts

@@ -26,4 +26,4 @@ const createSchema = createInsertSchema(userInterfaceSettings, {
 
 export const apiUpdateUserInterfaceSettings = createSchema.partial().extend({
 	loginPageImage: z.string().url().optional().nullable(),
-});
+});

packages/server/src/services/user-interface-settings.ts

@@ -41,4 +41,4 @@ export const updateUserInterfaceSettings = async (
 		.returning();
 
 	return updated;
-};
+};