Merge pull request #2143 from proddy/dev

minor UI changes

interface/src/app/main/Customizations.tsx

@@ -464,14 +464,7 @@ const Customizations = () => {
         )}
         {selectedDevice !== -1 &&
           (rename ? (
-            <ButtonRow>
-              <Button
-                startIcon={<SaveIcon />}
-                variant="contained"
-                onClick={() => renameDevice()}
-              >
-                {LL.UPDATE()}
-              </Button>
+            <>
               <Button
                 startIcon={<CancelIcon />}
                 variant="outlined"
@@ -480,7 +473,14 @@ const Customizations = () => {
               >
                 {LL.CANCEL()}
               </Button>
-            </ButtonRow>
+              <Button
+                startIcon={<SaveIcon />}
+                variant="outlined"
+                onClick={() => renameDevice()}
+              >
+                {LL.RENAME()}
+              </Button>
+            </>
           ) : (
             <Button
               startIcon={<EditIcon />}
@@ -716,6 +716,7 @@ const Customizations = () => {
               </ButtonRow>
             )}
           </Box>
+          {!rename && (
             <ButtonRow mt={1}>
               <Button
                 startIcon={<SettingsBackupRestoreIcon />}
@@ -726,6 +727,7 @@ const Customizations = () => {
                 {LL.RESET(0)}
               </Button>
             </ButtonRow>
+          )}
         </Box>
       )}
       {renderResetDialog()}

interface/src/app/settings/Version.tsx

@@ -11,9 +11,11 @@ import {
   DialogActions,
   DialogContent,
   DialogTitle,
+  Divider,
   Link,
   Typography
 } from '@mui/material';
+import Grid from '@mui/material/Grid2';
 
 import * as SystemApi from 'api/system';
 import { callAction } from 'api/app';
@@ -182,43 +184,55 @@ const Version = () => {
 
     return (
       <>
-        <Typography variant="h6" color="primary">
-          Firmware Version Check
+        <Box p={2} border="1px solid grey" borderRadius={2}>
+          <Grid container spacing={3}>
+            <Grid mb={1}>
+              <Typography mb={1} fontWeight={'fontWeightBold'}>
+                {LL.VERSION()}
               </Typography>
-
-        <Box p={2} mt={2} border="1px solid grey" borderRadius={2}>
-          <Typography>
-            <b>{LL.VERSION() + ':'}</b>&nbsp;{data.emsesp_version}
+              <Typography mb={1} fontWeight={'fontWeightBold'}>
+                Platform
+              </Typography>
+              <Typography mb={1} fontWeight={'fontWeightBold'}>
+                Release
+              </Typography>
+            </Grid>
+            <Grid>
+              <Typography mb={1}>
+                {data.emsesp_version}
                 {data.build_flags && (
                   <Typography variant="caption">
                     &nbsp; &#40;{data.build_flags}&#41;
                   </Typography>
                 )}
               </Typography>
+              <Typography mb={1}>{getPlatform()}</Typography>
               <Typography>
-            <b>Platform:</b>&nbsp;{getPlatform()}
-          </Typography>
-
-          <Typography>
-            <b>Release:</b>&nbsp;
+                {isDev ? LL.DEVELOPMENT() : LL.STABLE()}&nbsp;
                 <Link
                   target="_blank"
                   href={useDev ? DEV_RELNOTES_URL : STABLE_RELNOTES_URL}
                   color="primary"
                 >
-              {isDev ? LL.DEVELOPMENT() : LL.STABLE()}
+                  (changelog)
                 </Link>
+              </Typography>
+            </Grid>
+          </Grid>
+
+          <Divider />
+
           {!isDev && (
             <Button
-                sx={{ ml: 2 }}
+              sx={{ mt: 2 }}
               variant="outlined"
               color="primary"
+              size="small"
               onClick={() => showFirmwareDialog(true)}
             >
               {LL.SWITCH_DEV()}
             </Button>
           )}
-          </Typography>
 
           <Typography mt={2} color="warning">
             <InfoOutlinedIcon color="warning" sx={{ verticalAlign: 'middle' }} />
@@ -231,6 +245,7 @@ const Version = () => {
                   sx={{ ml: 2, textTransform: 'none' }}
                   variant="outlined"
                   color="primary"
+                  size="small"
                   onClick={() => showFirmwareDialog(false)}
                 >
                   {isDev

interface/src/i18n/en/index.ts

@@ -143,7 +143,7 @@ const en: Translation = {
   CUSTOMIZATIONS_RESTART: 'All customizations have been removed. Restarting...',
   CUSTOMIZATIONS_FULL: 'Selected entities exceeded limit. Please save in batches',
   CUSTOMIZATIONS_SAVED: 'Customizations saved',
-  CUSTOMIZATIONS_HELP_1: 'Select a device and customize the entities options or click to rename',
+  CUSTOMIZATIONS_HELP_1: 'Select a device and customize the entities options',
   CUSTOMIZATIONS_HELP_2: 'mark as favorite',
   CUSTOMIZATIONS_HELP_3: 'disable write action',
   CUSTOMIZATIONS_HELP_4: 'exclude from MQTT and API',

mock-api/rest_server.ts

@@ -202,8 +202,8 @@ function check_upgrade(version: string) {
     console.log('check upgrade from version', version);
     data = {
       emsesp_version: VERSION,
-      upgradeable: true
-      // upgradeable: false,
+      // upgradeable: true
+      upgradeable: false
     };
   } else {
     console.log('requesting ems-esp version');