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/requests/columns.tsx

@@ -1,8 +1,8 @@
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
 import type { ColumnDef } from "@tanstack/react-table";
 import { format } from "date-fns";
 import { ArrowUpDown } from "lucide-react";
+import { Badge } from "@/components/ui/badge";
+import { Button } from "@/components/ui/button";
 import type { LogEntry } from "./show-requests";
 
 export const getStatusColor = (status: number) => {

apps/dokploy/components/dashboard/requests/request-distribution-chart.tsx

@@ -1,10 +1,3 @@
-import {
-	type ChartConfig,
-	ChartContainer,
-	ChartTooltip,
-	ChartTooltipContent,
-} from "@/components/ui/chart";
-import { api } from "@/utils/api";
 import {
 	Area,
 	AreaChart,
@@ -13,6 +6,13 @@ import {
 	XAxis,
 	YAxis,
 } from "recharts";
+import {
+	type ChartConfig,
+	ChartContainer,
+	ChartTooltip,
+	ChartTooltipContent,
+} from "@/components/ui/chart";
+import { api } from "@/utils/api";
 
 export interface RequestDistributionChartProps {
 	dateRange?: {

apps/dokploy/components/dashboard/requests/requests-table.tsx

@@ -1,3 +1,27 @@
+import {
+	type ColumnFiltersState,
+	flexRender,
+	getCoreRowModel,
+	getFilteredRowModel,
+	getSortedRowModel,
+	type PaginationState,
+	type SortingState,
+	useReactTable,
+	type VisibilityState,
+} from "@tanstack/react-table";
+import copy from "copy-to-clipboard";
+import {
+	CheckCircle2Icon,
+	ChevronDown,
+	Copy,
+	Download,
+	Globe,
+	InfoIcon,
+	Server,
+	TrendingUpIcon,
+} from "lucide-react";
+import { useMemo, useState } from "react";
+import { toast } from "sonner";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -24,30 +48,6 @@ import {
 	TableRow,
 } from "@/components/ui/table";
 import { api } from "@/utils/api";
-import {
-	type ColumnFiltersState,
-	type PaginationState,
-	type SortingState,
-	type VisibilityState,
-	flexRender,
-	getCoreRowModel,
-	getFilteredRowModel,
-	getSortedRowModel,
-	useReactTable,
-} from "@tanstack/react-table";
-import copy from "copy-to-clipboard";
-import {
-	CheckCircle2Icon,
-	ChevronDown,
-	Copy,
-	Download,
-	Globe,
-	InfoIcon,
-	Server,
-	TrendingUpIcon,
-} from "lucide-react";
-import { useMemo, useState } from "react";
-import { toast } from "sonner";
 import { columns, getStatusColor } from "./columns";
 import type { LogEntry } from "./show-requests";
 import { DataTableFacetedFilter } from "./status-request-filter";

apps/dokploy/components/dashboard/requests/show-requests.tsx

@@ -1,3 +1,13 @@
+import { format } from "date-fns";
+import {
+	AlertCircle,
+	ArrowDownUp,
+	Calendar as CalendarIcon,
+	InfoIcon,
+} from "lucide-react";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { toast } from "sonner";
 import { AlertBlock } from "@/components/shared/alert-block";
 import { DialogAction } from "@/components/shared/dialog-action";
 import { Button } from "@/components/ui/button";
@@ -22,17 +32,7 @@ import {
 	TooltipProvider,
 	TooltipTrigger,
 } from "@/components/ui/tooltip";
-import { type RouterOutputs, api } from "@/utils/api";
-import { format } from "date-fns";
-import {
-	AlertCircle,
-	ArrowDownUp,
-	Calendar as CalendarIcon,
-	InfoIcon,
-} from "lucide-react";
-import Link from "next/link";
-import { useEffect, useState } from "react";
-import { toast } from "sonner";
+import { api, type RouterOutputs } from "@/utils/api";
 import { RequestDistributionChart } from "./request-distribution-chart";
 import { RequestsTable } from "./requests-table";
 

apps/dokploy/components/dashboard/requests/status-request-filter.tsx

@@ -1,3 +1,4 @@
+import { CheckIcon, PlusCircle } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import {
@@ -16,7 +17,6 @@ import {
 } from "@/components/ui/popover";
 import { Separator } from "@/components/ui/separator";
 import { cn } from "@/lib/utils";
-import { CheckIcon, PlusCircle } from "lucide-react";
 
 interface DataTableFacetedFilterProps {
 	value?: string[];