Refactor and update various components in the Dokploy application, enhancing functionality and fixing minor issues across multiple pages and features, including dashboard, settings, and API integrations.

apps/dokploy/components/dashboard/settings/web-server/docker-terminal-modal.tsx

@@ -1,3 +1,7 @@
+import { Loader2 } from "lucide-react";
+import dynamic from "next/dynamic";
+import type React from "react";
+import { useEffect, useState } from "react";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -20,10 +24,6 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import { api } from "@/utils/api";
-import { Loader2 } from "lucide-react";
-import dynamic from "next/dynamic";
-import type React from "react";
-import { useEffect, useState } from "react";
 import { badgeStateColor } from "../../application/logs/show";
 
 const Terminal = dynamic(

apps/dokploy/components/dashboard/settings/web-server/edit-traefik-env.tsx

@@ -1,3 +1,8 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
 import { AlertBlock } from "@/components/shared/alert-block";
 import { CodeEditor } from "@/components/shared/code-editor";
 import { Button } from "@/components/ui/button";
@@ -19,11 +24,6 @@ import {
 	FormMessage,
 } from "@/components/ui/form";
 import { api } from "@/utils/api";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
-import { toast } from "sonner";
-import { z } from "zod";
 
 const schema = z.object({
 	env: z.string(),

apps/dokploy/components/dashboard/settings/web-server/local-server-config.tsx

@@ -1,3 +1,8 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Settings } from "lucide-react";
+import { useTranslation } from "next-i18next";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
 import {
 	Accordion,
 	AccordionContent,
@@ -15,11 +20,6 @@ import {
 } from "@/components/ui/form";
 import { Input } from "@/components/ui/input";
 import { cn } from "@/lib/utils";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { Settings } from "lucide-react";
-import { useTranslation } from "next-i18next";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
 
 const Schema = z.object({
 	port: z.number().min(1, "Port must be higher than 0"),

apps/dokploy/components/dashboard/settings/web-server/show-modal-logs.tsx

@@ -1,3 +1,7 @@
+import { Loader2 } from "lucide-react";
+import dynamic from "next/dynamic";
+import type React from "react";
+import { useEffect, useState } from "react";
 import { Badge } from "@/components/ui/badge";
 import {
 	Dialog,
@@ -18,10 +22,6 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import { api } from "@/utils/api";
-import { Loader2 } from "lucide-react";
-import dynamic from "next/dynamic";
-import type React from "react";
-import { useEffect, useState } from "react";
 import { badgeStateColor } from "../../application/logs/show";
 
 export const DockerLogsId = dynamic(

apps/dokploy/components/dashboard/settings/web-server/terminal-modal.tsx

@@ -1,3 +1,6 @@
+import dynamic from "next/dynamic";
+import type React from "react";
+import { useState } from "react";
 import {
 	Dialog,
 	DialogContent,
@@ -8,9 +11,6 @@ import {
 } from "@/components/ui/dialog";
 import { DropdownMenuItem } from "@/components/ui/dropdown-menu";
 import { api } from "@/utils/api";
-import dynamic from "next/dynamic";
-import type React from "react";
-import { useState } from "react";
 import LocalServerConfig from "./local-server-config";
 
 const Terminal = dynamic(() => import("./terminal").then((e) => e.Terminal), {

apps/dokploy/components/dashboard/settings/web-server/toggle-auto-check-updates.tsx

@@ -1,6 +1,6 @@
+import { useState } from "react";
 import { Label } from "@/components/ui/label";
 import { Switch } from "@/components/ui/switch";
-import { useState } from "react";
 
 export const ToggleAutoCheckUpdates = ({ disabled }: { disabled: boolean }) => {
 	const [enabled, setEnabled] = useState<boolean>(

apps/dokploy/components/dashboard/settings/web-server/update-server-ip.tsx

@@ -1,3 +1,9 @@
+import { zodResolver } from "@hookform/resolvers/zod";
+import { RefreshCw } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { z } from "zod";
 import { AlertBlock } from "@/components/shared/alert-block";
 import { Button } from "@/components/ui/button";
 import {
@@ -25,12 +31,6 @@ import {
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { api } from "@/utils/api";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { RefreshCw } from "lucide-react";
-import { useEffect, useState } from "react";
-import { useForm } from "react-hook-form";
-import { toast } from "sonner";
-import { z } from "zod";
 
 const schema = z.object({
 	serverIp: z.string(),

apps/dokploy/components/dashboard/settings/web-server/update-server.tsx

@@ -1,3 +1,16 @@
+import type { IUpdateData } from "@dokploy/server/index";
+import {
+	Bug,
+	Download,
+	Info,
+	RefreshCcw,
+	Server,
+	Sparkles,
+	Stars,
+} from "lucide-react";
+import Link from "next/link";
+import { useState } from "react";
+import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import {
 	Dialog,
@@ -12,19 +25,6 @@ import {
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
 import { api } from "@/utils/api";
-import type { IUpdateData } from "@dokploy/server/index";
-import {
-	Bug,
-	Download,
-	Info,
-	RefreshCcw,
-	Server,
-	Sparkles,
-	Stars,
-} from "lucide-react";
-import Link from "next/link";
-import { useState } from "react";
-import { toast } from "sonner";
 import { ToggleAutoCheckUpdates } from "./toggle-auto-check-updates";
 import { UpdateWebServer } from "./update-webserver";
 

apps/dokploy/components/dashboard/settings/web-server/update-webserver.tsx

@@ -1,3 +1,6 @@
+import { HardDriveDownload, Loader2 } from "lucide-react";
+import { useState } from "react";
+import { toast } from "sonner";
 import {
 	AlertDialog,
 	AlertDialogAction,
@@ -11,9 +14,6 @@ import {
 } from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
 import { api } from "@/utils/api";
-import { HardDriveDownload, Loader2 } from "lucide-react";
-import { useState } from "react";
-import { toast } from "sonner";
 
 export const UpdateWebServer = () => {
 	const [updating, setUpdating] = useState(false);