From 1834fff99c8219b656a48b7ae5085024213f1c59 Mon Sep 17 00:00:00 2001
From: Syco21 <davhv12@gmail.com>
Date: Sat, 16 May 2026 17:15:04 +0200
Subject: [PATCH] Docker widget: sort outdated to top, add scroll

---
 src/components/widgets/DockerUpdatesWidget.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/widgets/DockerUpdatesWidget.tsx b/src/components/widgets/DockerUpdatesWidget.tsx
index 3398597..2cf337e 100644
--- a/src/components/widgets/DockerUpdatesWidget.tsx
+++ b/src/components/widgets/DockerUpdatesWidget.tsx
@@ -43,8 +43,14 @@ export function DockerUpdatesWidget() {
       {error   && <div className="widget-error">⚠ {error}</div>}
 
       {!loading && !error && (
-        <div className="progress-group">
-          {containers.map(c => (
+        <div className="progress-group" style={{ maxHeight: '260px', overflowY: 'auto' }}>
+          {[...containers]
+            .sort((a, b) => {
+              const rank = (c: ContainerInfo) =>
+                c.upToDate === false ? 0 : c.upToDate === null ? 1 : 2
+              return rank(a) - rank(b)
+            })
+            .map(c => (
             <div key={c.name} className="list-item">
               <div className="list-item-left" style={{ flexDirection: 'column', alignItems: 'flex-start', gap: 2 }}>
                 <span>{c.name}</span>