improve app update banner appearance

timche · Aug 18, 2022 · fceff40 · fceff40
1 parent fe97a99
commit fceff40
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/src/renderer/AppUpdate/index.tsx b/src/renderer/AppUpdate/index.tsx
@@ -78,23 +78,23 @@ export default function AppUpdate({
           <Text fontSize="xs">An update is available {normalizedVersion}</Text>
           <Spacer />
           <HStack>
-            {releaseNotesButton}
             <Button
+              variant="solid"
               onClick={() => {
-                onSkipVersion(version)
+                onDownload()
               }}
             >
-              Skip This Version
+              Download Now
             </Button>
-            <Button onClick={onDismiss}>Remind Me Later</Button>
+            <Button onClick={onDismiss}>Remind Later</Button>
             <Button
-              variant="solid"
               onClick={() => {
-                onDownload()
+                onSkipVersion(version)
               }}
             >
-              Download Now
+              Skip Version
             </Button>
+            {releaseNotesButton}
           </HStack>
         </>
       )
@@ -107,14 +107,15 @@ export default function AppUpdate({
             <Text fontSize="xs">
               Downloading update {normalizedVersion} ...
             </Text>
-            {releaseNotesButton}
+            <Text fontSize="xs">{downloadPercent}%</Text>
             <Progress
               value={downloadPercent}
               size="sm"
               flex={1}
               borderRadius="100px"
             />
             <Button onClick={onCancelDownload}>Cancel</Button>
+            {releaseNotesButton}
           </HStack>
         </>
       )
@@ -128,11 +129,11 @@ export default function AppUpdate({
           </Text>
           <Spacer />
           <HStack>
-            {releaseNotesButton}
-            <Button onClick={onDismiss}>Later</Button>
             <Button variant="solid" onClick={onRestart}>
-              Restart now
+              Restart Now
             </Button>
+            <Button onClick={onDismiss}>Later</Button>
+            {releaseNotesButton}
           </HStack>
         </>
       )