From 7d2bd9ea5efc43edbcf0bb785f7c4596202d7c77 Mon Sep 17 00:00:00 2001
From: Roland <roland@learningselfreliance.com>
Date: Sun, 7 Dec 2025 10:53:49 -0700
Subject: [PATCH] Updating upgrade icon to link to upgrade segment on settings
 page.

---
 app/src/components/Nav.js            | 2 +-
 app/src/components/admin/Settings.js | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/components/Nav.js b/app/src/components/Nav.js
index 9b37d763..f991d00d 100644
--- a/app/src/components/Nav.js
+++ b/app/src/components/Nav.js
@@ -191,7 +191,7 @@ export function NavBar() {
     if (status?.update_available && !status?.dockerized && !wrolModeEnabled) {
         const commitsBehind = status.commits_behind || 0;
         const branch = status.git_branch || 'unknown';
-        const icon = <Link to='/admin/settings'>
+        const icon = <Link to='/admin/settings#upgrade'>
             <Icon name='arrow alternate circle up' size='large' color='green'/>
         </Link>;
         upgradeIcon = <Popup
diff --git a/app/src/components/admin/Settings.js b/app/src/components/admin/Settings.js
index 2203ac09..38f9d105 100644
--- a/app/src/components/admin/Settings.js
+++ b/app/src/components/admin/Settings.js
@@ -122,7 +122,7 @@ function UpgradeSegment() {
 
     // Not available in Docker
     if (dockerized) {
-        return <Segment>
+        return <Segment id='upgrade'>
             <Header as='h3'>System Upgrade</Header>
             <p>Upgrades are not available in Docker environments. Please upgrade your Docker images manually.</p>
         </Segment>;
@@ -130,7 +130,7 @@ function UpgradeSegment() {
 
     // No update available
     if (!status?.update_available) {
-        return <Segment>
+        return <Segment id='upgrade'>
             <Header as='h3'>System Upgrade</Header>
             <p>Your WROLPi is up to date.</p>
             <p>Version: <strong>v{status?.version}</strong> on branch <strong>{status?.git_branch || 'unknown'}</strong>
@@ -146,7 +146,7 @@ function UpgradeSegment() {
     }
 
     // Update available
-    return <Segment>
+    return <Segment id='upgrade'>
         <Header as='h3'>
             <Icon name='arrow alternate circle up'/>
             Upgrade Available