diff --git a/apps/dokploy/components/dashboard/application/logs/show.tsx b/apps/dokploy/components/dashboard/application/logs/show.tsx index 99e33bce..33beab12 100644 --- a/apps/dokploy/components/dashboard/application/logs/show.tsx +++ b/apps/dokploy/components/dashboard/application/logs/show.tsx @@ -16,6 +16,7 @@ import { SelectValue, } from "@/components/ui/select"; import { api } from "@/utils/api"; +import { Loader2 } from "lucide-react"; import dynamic from "next/dynamic"; import { useEffect, useState } from "react"; export const DockerLogs = dynamic( @@ -34,7 +35,7 @@ interface Props { } export const ShowDockerLogs = ({ appName, serverId }: Props) => { - const { data } = api.docker.getContainersByAppNameMatch.useQuery( + const { data, isLoading } = api.docker.getContainersByAppNameMatch.useQuery( { appName, serverId, @@ -64,7 +65,14 @@ export const ShowDockerLogs = ({ appName, serverId }: Props) => { - + {isLoading ? ( +
+ Loading... + +
+ ) : ( + + )}
diff --git a/apps/dokploy/components/dashboard/compose/monitoring/show.tsx b/apps/dokploy/components/dashboard/compose/monitoring/show.tsx index 1d7a724e..d5cdca14 100644 --- a/apps/dokploy/components/dashboard/compose/monitoring/show.tsx +++ b/apps/dokploy/components/dashboard/compose/monitoring/show.tsx @@ -20,6 +20,7 @@ import { api } from "@/utils/api"; import { useEffect, useState } from "react"; import { toast } from "sonner"; import { DockerMonitoring } from "../../monitoring/docker/show"; +import { Loader2 } from "lucide-react"; interface Props { appName: string; @@ -32,7 +33,7 @@ export const ShowMonitoringCompose = ({ appType = "stack", serverId, }: Props) => { - const { data } = api.docker.getContainersByAppNameMatch.useQuery( + const { data, isLoading } = api.docker.getContainersByAppNameMatch.useQuery( { appName: appName, appType, @@ -49,7 +50,7 @@ export const ShowMonitoringCompose = ({ const [containerId, setContainerId] = useState(); - const { mutateAsync: restart, isLoading } = + const { mutateAsync: restart, isLoading: isRestarting } = api.docker.restartContainer.useMutation(); useEffect(() => { @@ -80,7 +81,14 @@ export const ShowMonitoringCompose = ({ value={containerAppName} > - + {isLoading ? ( +
+ Loading... + +
+ ) : ( + + )}
@@ -98,7 +106,7 @@ export const ShowMonitoringCompose = ({