From a84a985645a7bbca08d89d02f9966ce8566a0813 Mon Sep 17 00:00:00 2001
From: headlessdev <damian.bergemann@outlook.com>
Date: Sat, 26 Apr 2025 15:21:20 +0200
Subject: [PATCH] Display Uptime in Servers Page

---
 app/api/servers/monitoring/route.ts | 5 ++++-
 app/dashboard/servers/Servers.tsx   | 9 ++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/app/api/servers/monitoring/route.ts b/app/api/servers/monitoring/route.ts
index e7c0f45..d24f100 100644
--- a/app/api/servers/monitoring/route.ts
+++ b/app/api/servers/monitoring/route.ts
@@ -11,6 +11,7 @@ export async function GET() {
         cpuUsage: true,
         ramUsage: true,
         diskUsage: true,
+        uptime: true
       }
     });
 
@@ -20,12 +21,14 @@ export async function GET() {
       cpuUsage: string | null;
       ramUsage: string | null;
       diskUsage: string | null;
+      uptime: string | null;
     }) => ({
       id: server.id,
       online: server.online,
       cpuUsage: server.cpuUsage ? parseInt(server.cpuUsage) : 0,
       ramUsage: server.ramUsage ? parseInt(server.ramUsage) : 0,
-      diskUsage: server.diskUsage ? parseInt(server.diskUsage) : 0
+      diskUsage: server.diskUsage ? parseInt(server.diskUsage) : 0,
+      uptime: server.uptime ? parseInt(server.uptime) : 0
     }));
 
     return NextResponse.json(monitoringData)
diff --git a/app/dashboard/servers/Servers.tsx b/app/dashboard/servers/Servers.tsx
index aa80a01..2cf657a 100644
--- a/app/dashboard/servers/Servers.tsx
+++ b/app/dashboard/servers/Servers.tsx
@@ -99,6 +99,7 @@ interface Server {
   diskUsage: number;
   history?: ServerHistory;
   port: number;
+  uptime: number; 
 }
 
 interface GetServersResponse {
@@ -113,6 +114,7 @@ interface MonitoringData {
   cpuUsage: number
   ramUsage: number
   diskUsage: number
+  uptime: number
 }
 
 export default function Dashboard() {
@@ -1021,8 +1023,13 @@ export default function Dashboard() {
                     >
                       <CardHeader>
                         {server.monitoring && (
-                          <div className="absolute top-4 right-4">
+                          <div className="absolute top-4 right-4 flex flex-col items-end">
                             <StatusIndicator isOnline={server.online} />
+                            {server.online && server.uptime && (
+                              <span className="text-xs text-muted-foreground mt-1">
+                                {server.online ? `since ${server.uptime}` : 'offline'}
+                              </span>
+                            )}
                           </div>
                         )}
                         <div className="flex items-center justify-between w-full">