[PR #729] [MERGED] feat(dashboard): display CPU, memory, and disk usage on server cards #767

New Issue

GiteaMirror · 2025-10-31T15:21:16-05:00

GiteaMirror commented

2025-10-31 15:21:16 -05:00

📋 Pull Request Information

Original PR: https://github.com/moghtech/komodo/pull/729
Author: @tuananh131001
Created: 8/12/2025
Status: ✅ Merged
Merged: 8/17/2025
Merged by: @mbecker20

Base: 1.19.0 ← Head: feat/mini-stat-card

📝 Commits (4)

84e7a59 feat: mini-stats-card: Expose Server CPU , Memory, Disk Usage to Dashboard View
b3621b3 comment: resolved
13aff69 Feat: fix overflow card , DRY stats-mini, add unreachable mini stats
8db5c4e lint: fix

📊 Changes

4 files changed (+202 additions, -8 deletions)

View changed files

📝 frontend/src/components/resources/server/index.tsx (+3 -0)
➕ frontend/src/components/resources/server/stats-mini.tsx (+115 -0)
➕ frontend/src/lib/dashboard-preferences.ts (+31 -0)
📝 frontend/src/pages/home/dashboard.tsx (+53 -8)

📄 Description

Problem

Currently, there’s no quick way to view all servers’ resource usage (CPU, memory, disk) in the dashboard. Users must click into each server to see these stats, which slows down monitoring.

Changes

Added CPU%, Memory%, and Disk Usage% to each server card in the dashboard view
Implemented both desktop and mobile responsive designs

UI Screenshots

Desktop View

Mobile view

https://github.com/moghtech/komodo/issues/46

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/moghtech/komodo/pull/729 **Author:** [@tuananh131001](https://github.com/tuananh131001) **Created:** 8/12/2025 **Status:** ✅ Merged **Merged:** 8/17/2025 **Merged by:** [@mbecker20](https://github.com/mbecker20) **Base:** `1.19.0` ← **Head:** `feat/mini-stat-card` --- ### 📝 Commits (4) - [`84e7a59`](https://github.com/moghtech/komodo/commit/84e7a5955970ef9957627103c7a4ceab58f4b7f8) feat: mini-stats-card: Expose Server CPU , Memory, Disk Usage to Dashboard View - [`b3621b3`](https://github.com/moghtech/komodo/commit/b3621b350346f3ea664e5ca3ebd627315e087bc2) comment: resolved - [`13aff69`](https://github.com/moghtech/komodo/commit/13aff6905675fe2b6ce3bf978ce6f5d15c046628) Feat: fix overflow card , DRY stats-mini, add unreachable mini stats - [`8db5c4e`](https://github.com/moghtech/komodo/commit/8db5c4ea35867eeb5dda20d63f218c3a432b1b93) lint: fix ### 📊 Changes **4 files changed** (+202 additions, -8 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/resources/server/index.tsx` (+3 -0) ➕ `frontend/src/components/resources/server/stats-mini.tsx` (+115 -0) ➕ `frontend/src/lib/dashboard-preferences.ts` (+31 -0) 📝 `frontend/src/pages/home/dashboard.tsx` (+53 -8) </details> ### 📄 Description # Problem Currently, there’s no quick way to view all servers’ resource usage (CPU, memory, disk) in the dashboard. Users must click into each server to see these stats, which slows down monitoring. # Changes - [X] Added CPU%, Memory%, and Disk Usage% to each server card in the dashboard view - [X] Implemented both desktop and mobile responsive designs # UI Screenshots ## Desktop View <img width="1658" height="461" alt="image" src="https://github.com/user-attachments/assets/e91391b8-d515-44f5-b460-5b96e6952b20" /> ## Mobile view <img width="381" height="792" alt="image" src="https://github.com/user-attachments/assets/24eb54bd-e60a-4fb3-8152-ad9586c25329" /> # Related Issue: https://github.com/moghtech/komodo/issues/46 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2025-10-31 15:21:16 -05:00

GiteaMirror closed this issue

2025-10-31 15:21:16 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/komodo#767