diff --git a/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx b/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx
index 76e5bb266..3a46835d7 100644
--- a/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx
+++ b/apps/dokploy/components/dashboard/application/deployments/show-deployments.tsx
@@ -9,12 +9,13 @@ import {
CardTitle,
} from "@/components/ui/card";
import { type RouterOutputs, api } from "@/utils/api";
-import { RocketIcon } from "lucide-react";
+import { RocketIcon, Clock } from "lucide-react";
import React, { useEffect, useState } from "react";
import { CancelQueues } from "./cancel-queues";
import { RefreshToken } from "./refresh-token";
import { ShowDeployment } from "./show-deployment";
-
+import { Badge } from "@/components/ui/badge";
+import { formatDuration } from "../schedules/show-schedules-logs";
interface Props {
applicationId: string;
}
@@ -96,8 +97,23 @@ export const ShowDeployments = ({ applicationId }: Props) => {
)}
-
+
+ {deployment.startedAt && deployment.finishedAt && (
+
+
+ {formatDuration(
+ Math.floor(
+ (new Date(deployment.finishedAt).getTime() -
+ new Date(deployment.startedAt).getTime()) /
+ 1000,
+ ),
+ )}
+
+ )}
-
+
+ {deployment.startedAt && deployment.finishedAt && (
+
+
+ {formatDuration(
+ Math.floor(
+ (new Date(deployment.finishedAt).getTime() -
+ new Date(deployment.startedAt).getTime()) /
+ 1000,
+ ),
+ )}
+
+ )}
-
+
+ {deployment.startedAt && deployment.finishedAt && (
+
+
+ {formatDuration(
+ Math.floor(
+ (new Date(deployment.finishedAt).getTime() -
+ new Date(deployment.startedAt).getTime()) /
+ 1000,
+ ),
+ )}
+
+ )}