Docker widget: sort outdated to top, add scroll

2026-05-16 17:15:04 +02:00
parent b32d769d49
commit 1834fff99c
1 changed files with 8 additions and 2 deletions
@@ -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>