From 112b898d989bcc5a6c3faa154a31e51e31fe6b4c Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Sun, 24 Aug 2025 02:01:00 +0000
Subject: [PATCH] [autofix.ci] apply automated fixes

---
 .../show-preview-settings.tsx                 | 164 +++++++++---------
 1 file changed, 84 insertions(+), 80 deletions(-)

diff --git a/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-settings.tsx b/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-settings.tsx
index 0aa676057..8e5edf248 100644
--- a/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-settings.tsx
+++ b/apps/dokploy/components/dashboard/application/preview-deployments/show-preview-settings.tsx
@@ -211,86 +211,90 @@ export const ShowPreviewSettings = ({ applicationId }: Props) => {
 											</FormItem>
 										)}
 									/>
-							        <FormField
-							        	control={form.control}
-							        	name="previewLabels"
-							        	render={({ field }) => (
-							        		<FormItem className="md:col-span-2">
-							        			<div className="flex items-center gap-2">
-							        				<FormLabel>Preview Labels</FormLabel>
-							        				<TooltipProvider>
-							        					<Tooltip>
-							        						<TooltipTrigger asChild>
-							        							<HelpCircle className="size-4 text-muted-foreground hover:text-foreground transition-colors cursor-pointer" />
-							        						</TooltipTrigger>
-							        						<TooltipContent>
-							        							<p>
-                                                                    Add a labels that will trigger a preview deployment
-                                                                    for a pull request. If no labels are specified, all
-                                                                    pull requests will trigger a preview deployment.
-							        							</p>
-							        						</TooltipContent>
-							        					</Tooltip>
-							        				</TooltipProvider>
-							        			</div>
-							        			<div className="flex flex-wrap gap-2 mb-2">
-							        				{field.value?.map((label, index) => (
-							        					<Badge
-							        						key={index}
-							        						variant="secondary"
-							        						className="flex items-center gap-1"
-							        					>
-							        						{label}
-							        						<X
-							        							className="size-3 cursor-pointer hover:text-destructive"
-							        							onClick={() => {
-							        								const newLabels = [...(field.value || [])];
-							        								newLabels.splice(index, 1);
-							        								field.onChange(newLabels);
-							        							}}
-							        						/>
-							        					</Badge>
-							        				))}
-							        			</div>
-							        			<div className="flex gap-2">
-							        				<FormControl>
-							        					<Input
-							        						placeholder="Enter a label (e.g. enhancements, needs-review)"
-							        						onKeyDown={(e) => {
-							        							if (e.key === "Enter") {
-							        								e.preventDefault();
-							        								const input = e.currentTarget;
-							        								const label = input.value.trim();
-							        								if (label) {
-							        									field.onChange([...(field.value || []), label]);
-							        									input.value = "";
-							        								}
-							        							}
-							        						}}
-							        					/>
-							        				</FormControl>
-							        				<Button
-							        					type="button"
-							        					variant="outline"
-							        					size="icon"
-							        					onClick={() => {
-							        						const input = document.querySelector(
-							        							'input[placeholder*="Enter a label"]',
-							        						) as HTMLInputElement;
-							        						const label = input.value.trim();
-							        						if (label) {
-							        							field.onChange([...(field.value || []), label]);
-							        							input.value = "";
-							        						}
-							        					}}
-							        				>
-							        					<Plus className="size-4" />
-							        				</Button>
-							        			</div>
-							        			<FormMessage />
-							        		</FormItem>
-							        	)}
-							        />
+									<FormField
+										control={form.control}
+										name="previewLabels"
+										render={({ field }) => (
+											<FormItem className="md:col-span-2">
+												<div className="flex items-center gap-2">
+													<FormLabel>Preview Labels</FormLabel>
+													<TooltipProvider>
+														<Tooltip>
+															<TooltipTrigger asChild>
+																<HelpCircle className="size-4 text-muted-foreground hover:text-foreground transition-colors cursor-pointer" />
+															</TooltipTrigger>
+															<TooltipContent>
+																<p>
+																	Add a labels that will trigger a preview
+																	deployment for a pull request. If no labels
+																	are specified, all pull requests will trigger
+																	a preview deployment.
+																</p>
+															</TooltipContent>
+														</Tooltip>
+													</TooltipProvider>
+												</div>
+												<div className="flex flex-wrap gap-2 mb-2">
+													{field.value?.map((label, index) => (
+														<Badge
+															key={index}
+															variant="secondary"
+															className="flex items-center gap-1"
+														>
+															{label}
+															<X
+																className="size-3 cursor-pointer hover:text-destructive"
+																onClick={() => {
+																	const newLabels = [...(field.value || [])];
+																	newLabels.splice(index, 1);
+																	field.onChange(newLabels);
+																}}
+															/>
+														</Badge>
+													))}
+												</div>
+												<div className="flex gap-2">
+													<FormControl>
+														<Input
+															placeholder="Enter a label (e.g. enhancements, needs-review)"
+															onKeyDown={(e) => {
+																if (e.key === "Enter") {
+																	e.preventDefault();
+																	const input = e.currentTarget;
+																	const label = input.value.trim();
+																	if (label) {
+																		field.onChange([
+																			...(field.value || []),
+																			label,
+																		]);
+																		input.value = "";
+																	}
+																}
+															}}
+														/>
+													</FormControl>
+													<Button
+														type="button"
+														variant="outline"
+														size="icon"
+														onClick={() => {
+															const input = document.querySelector(
+																'input[placeholder*="Enter a label"]',
+															) as HTMLInputElement;
+															const label = input.value.trim();
+															if (label) {
+																field.onChange([...(field.value || []), label]);
+																input.value = "";
+															}
+														}}
+													>
+														<Plus className="size-4" />
+													</Button>
+												</div>
+												<FormMessage />
+											</FormItem>
+										)}
+									/>
 									<FormField
 										control={form.control}
 										name="previewLimit"