From e0765f1c5be57e148c014a03161b8aeebde5e6d5 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Thu, 15 Aug 2024 12:27:50 +0200
Subject: [PATCH] formatting

---
 interface/src/app/settings/UploadDownload.tsx | 12 -------
 .../src/components/upload/SingleUpload.tsx    | 35 ++++++++++++-------
 2 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/interface/src/app/settings/UploadDownload.tsx b/interface/src/app/settings/UploadDownload.tsx
index d9658980a..01370b61f 100644
--- a/interface/src/app/settings/UploadDownload.tsx
+++ b/interface/src/app/settings/UploadDownload.tsx
@@ -197,18 +197,6 @@ const UploadDownload = () => {
           )}
         </Box>
 
-        <Typography sx={{ pt: 2, pb: 2 }} variant="h6" color="primary">
-          {LL.UPLOAD()}
-        </Typography>
-        <Box mb={2} color="warning.main">
-          <Typography variant="body2">
-            {LL.UPLOAD_TEXT()}
-            <br />
-            <br />
-            {LL.RESTART_TEXT(1)}.
-          </Typography>
-        </Box>
-
         <SingleUpload />
 
         <Typography sx={{ pt: 4, pb: 2 }} variant="h6" color="primary">
diff --git a/interface/src/components/upload/SingleUpload.tsx b/interface/src/components/upload/SingleUpload.tsx
index 258ce3a9d..0bede54f4 100644
--- a/interface/src/components/upload/SingleUpload.tsx
+++ b/interface/src/components/upload/SingleUpload.tsx
@@ -36,7 +36,6 @@ const SingleUpload = () => {
       setFile(undefined);
     } else {
       setRestartNeeded(true);
-      // setRestarting(true);
     }
   });
 
@@ -68,9 +67,15 @@ const SingleUpload = () => {
 
   return (
     <>
-      <DragNdrop onFileSelected={setFile} width="340px" height="140px" />
+      <Typography sx={{ pt: 2, pb: 2 }} variant="h6" color="primary">
+        {LL.UPLOAD()}
+      </Typography>
 
-      {isUploading && (
+      <Box mb={2} color="warning.main">
+        <Typography variant="body2">{LL.UPLOAD_TEXT()}</Typography>
+      </Box>
+
+      {isUploading || restartNeeded ? (
         <>
           <Box width="100%" p={2}>
             <LinearProgress
@@ -85,16 +90,20 @@ const SingleUpload = () => {
             />
           </Box>
 
-          <Button
-            sx={{ ml: 2 }}
-            startIcon={<CancelIcon />}
-            variant="outlined"
-            color="secondary"
-            onClick={cancelUpload}
-          >
-            {LL.CANCEL()}
-          </Button>
+          {!restartNeeded && (
+            <Button
+              sx={{ ml: 2 }}
+              startIcon={<CancelIcon />}
+              variant="outlined"
+              color="secondary"
+              onClick={cancelUpload}
+            >
+              {LL.CANCEL()}
+            </Button>
+          )}
         </>
+      ) : (
+        <DragNdrop onFileSelected={setFile} width="340px" height="140px" />
       )}
 
       {md5 && (
@@ -104,7 +113,7 @@ const SingleUpload = () => {
       )}
 
       {restartNeeded && (
-        <MessageBox mt={4} level="warning" message={LL.RESTART_TEXT(0)}>
+        <MessageBox mt={2} level="warning" message={LL.RESTART_TEXT(0)}>
           <Button
             startIcon={<PowerSettingsNewIcon />}
             variant="contained"