From 907a65a70152c8eebea46b8b5e969a864dd5919b Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Wed, 15 Apr 2026 21:19:09 +0200
Subject: [PATCH] show link to backup page

---
 interface/src/app/status/Version.tsx          | 24 +++++++++++++++----
 interface/src/components/upload/DragNdrop.tsx | 18 +++++++++++---
 2 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/interface/src/app/status/Version.tsx b/interface/src/app/status/Version.tsx
index 0930fbcc5..a3326856b 100644
--- a/interface/src/app/status/Version.tsx
+++ b/interface/src/app/status/Version.tsx
@@ -7,6 +7,7 @@ import {
   useRef,
   useState
 } from 'react';
+import { Link } from 'react-router';
 import { toast } from 'react-toastify';
 
 import CancelIcon from '@mui/icons-material/Cancel';
@@ -24,7 +25,6 @@ import {
   DialogTitle,
   Grid,
   IconButton,
-  Link,
   Table,
   TableBody,
   TableCell,
@@ -315,13 +315,22 @@ const InstallDialog = memo(
               fetchDevVersion ? latestDevVersion?.name : latestVersion?.name
             )}
           </Typography>
-
-          {upgradeImportantMessageType === 1 && LL.UPGRADE_IMPORTANT_MESSAGES_1()}
           {upgradeImportantMessageType === 2 && LL.UPGRADE_IMPORTANT_MESSAGES_2()}
+          {upgradeImportantMessageType === 1 && (
+            <>
+              {LL.UPGRADE_IMPORTANT_MESSAGES_1()}
+              <Typography sx={{ mt: 2 }}>
+                <Link to="/settings/downloadUpload" style={{ color: 'lightblue' }}>
+                  {LL.DOWNLOAD_SYSTEM_BACKUP()}
+                </Link>
+              </Typography>
+            </>
+          )}
           <Typography sx={{ mt: 2 }}>
             <Link
-              target="_blank"
               to="https://docs.emsesp.org/FAQ#upgrading-the-firmware"
+              target="_blank"
+              rel="noreferrer"
               style={{ color: 'lightblue' }}
             >
               {LL.ONLINE_HELP()}
@@ -343,7 +352,12 @@ const InstallDialog = memo(
             onClick={onClose}
             color="primary"
           >
-            <Link underline="none" target="_blank" href={binURL} color="primary">
+            <Link
+              to={binURL}
+              target="_blank"
+              rel="noreferrer"
+              style={{ color: 'lightblue', textDecoration: 'none' }}
+            >
               {LL.DOWNLOAD(0)}
             </Link>
           </Button>
diff --git a/interface/src/components/upload/DragNdrop.tsx b/interface/src/components/upload/DragNdrop.tsx
index 4bc865fc3..fdcc0cc9d 100644
--- a/interface/src/components/upload/DragNdrop.tsx
+++ b/interface/src/components/upload/DragNdrop.tsx
@@ -211,14 +211,26 @@ const DragNdrop = ({ text, onFileSelected }: DragNdropProps) => {
                 {LL.UPGRADE_IMPORTANT_MESSAGES()}
               </DialogTitle>
               <DialogContent dividers>
-                {upgradeImportantMessageType === 1 &&
-                  LL.UPGRADE_IMPORTANT_MESSAGES_1()}
                 {upgradeImportantMessageType === 2 &&
                   LL.UPGRADE_IMPORTANT_MESSAGES_2()}
+                {upgradeImportantMessageType === 1 && (
+                  <>
+                    {LL.UPGRADE_IMPORTANT_MESSAGES_1()}
+                    <Typography sx={{ mt: 2 }}>
+                      <Link
+                        to="/settings/downloadUpload"
+                        style={{ color: 'lightblue' }}
+                      >
+                        {LL.DOWNLOAD_SYSTEM_BACKUP()}
+                      </Link>
+                    </Typography>
+                  </>
+                )}{' '}
                 <Typography sx={{ mt: 2 }}>
                   <Link
-                    target="_blank"
                     to="https://docs.emsesp.org/FAQ#upgrading-the-firmware"
+                    target="_blank"
+                    rel="noreferrer"
                     style={{ color: 'lightblue' }}
                   >
                     {LL.ONLINE_HELP()}