smaller table for dialog

interface/src/app/status/Version.tsx

@@ -19,9 +19,10 @@ import {
   Grid,
   IconButton,
   Link,
-  List,
+  Table,
-  ListItem,
+  TableBody,
-  ListItemText,
+  TableCell,
+  TableRow,
   Typography
 } from '@mui/material';
 
@@ -41,6 +42,7 @@ import {
 } from 'components';
 import { AuthenticatedContext } from 'contexts/authentication';
 import { useI18nContext } from 'i18n/i18n-react';
+import type { TranslationFunctions } from 'i18n/i18n-types';
 import { prettyDateTime } from 'utils/time';
 
 // Constants moved outside component to avoid recreation
@@ -86,7 +88,7 @@ const VersionInfoDialog = memo(
     latestVersion?: VersionInfo;
     latestDevVersion?: VersionInfo;
     locale: string;
-    LL: any;
+    LL: TranslationFunctions;
     onClose: () => void;
   }) => {
     if (showVersionInfo === 0) return null;
@@ -97,30 +99,69 @@ const VersionInfoDialog = memo(
 
     return (
       <Dialog sx={dialogStyle} open={showVersionInfo !== 0} onClose={onClose}>
-        <DialogTitle>Version Information</DialogTitle>
+        <DialogTitle>{LL.FIRMWARE_VERSION_INFO()}</DialogTitle>
         <DialogContent dividers>
-          <List dense>
+          <Table size="small" sx={{ borderCollapse: 'collapse', minWidth: 0 }}>
-            <ListItem>
+            <TableBody>
-              <ListItemText
+              <TableRow sx={{ height: 24, borderBottom: 'none' }}>
-                primary={<span style={{ color: 'lightblue' }}>{LL.TYPE(0)}</span>}
+                <TableCell
-                secondary={isStable ? LL.STABLE() : LL.DEVELOPMENT()}
+                  component="th"
-              />
+                  scope="row"
-            </ListItem>
+                  sx={{
-            <ListItem>
+                    color: 'lightblue',
-              <ListItemText
+                    borderBottom: 'none',
-                primary={<span style={{ color: 'lightblue' }}>{LL.VERSION()}</span>}
+                    pr: 1,
-                secondary={version?.name}
+                    py: 0.5,
-              />
+                    fontSize: 13,
-            </ListItem>
+                    width: 90
+                  }}
+                >
+                  {LL.TYPE(0)}
+                </TableCell>
+                <TableCell sx={{ borderBottom: 'none', py: 0.5, fontSize: 13 }}>
+                  {isStable ? LL.STABLE() : LL.DEVELOPMENT()}
+                </TableCell>
+              </TableRow>
+              <TableRow sx={{ height: 24, borderBottom: 'none' }}>
+                <TableCell
+                  component="th"
+                  scope="row"
+                  sx={{
+                    color: 'lightblue',
+                    borderBottom: 'none',
+                    pr: 1,
+                    py: 0.5,
+                    fontSize: 13
+                  }}
+                >
+                  {LL.VERSION()}
+                </TableCell>
+                <TableCell sx={{ borderBottom: 'none', py: 0.5, fontSize: 13 }}>
+                  {version?.name}
+                </TableCell>
+              </TableRow>
               {version?.published_at && (
-              <ListItem>
+                <TableRow sx={{ height: 24, borderBottom: 'none' }}>
-                <ListItemText
+                  <TableCell
-                  primary={<span style={{ color: 'lightblue' }}>Release Date</span>}
+                    component="th"
-                  secondary={prettyDateTime(locale, new Date(version.published_at))}
+                    scope="row"
-                />
+                    sx={{
-              </ListItem>
+                      color: 'lightblue',
+                      borderBottom: 'none',
+                      pr: 1,
+                      py: 0.5,
+                      fontSize: 13
+                    }}
+                  >
+                    Build Date
+                  </TableCell>
+                  <TableCell sx={{ borderBottom: 'none', py: 0.5, fontSize: 13 }}>
+                    {prettyDateTime(locale, new Date(version.published_at))}
+                  </TableCell>
+                </TableRow>
               )}
-          </List>
+            </TableBody>
+          </Table>
         </DialogContent>
         <DialogActions>
           <Button
@@ -159,7 +200,7 @@ const InstallDialog = memo(
     latestDevVersion?: VersionInfo;
     downloadOnly: boolean;
     platform: string;
-    LL: any;
+    LL: TranslationFunctions;
     onClose: () => void;
     onInstall: (url: string) => void;
   }) => {

interface/src/i18n/cz/index.ts

@@ -352,7 +352,8 @@ const cz: Translation = {
   PLATFORM: 'Platforma',
   RELEASE_TYPE: 'Typ sestavení',
   INTERNET_CONNECTION_REQUIRED: 'Pro automatickou kontrolu a instalaci aktualizací je třeba internetové připojení',
-  SWITCH_RELEASE_TYPE: 'Přepnout na {0} verzi'
+  SWITCH_RELEASE_TYPE: 'Přepnout na {0} verzi',
+  FIRMWARE_VERSION_INFO: 'Informace o verzi firmwaru'
 };
 
 export default cz;

interface/src/i18n/de/index.ts

@@ -352,7 +352,8 @@ const de: Translation = {
   PLATFORM: 'Plattform',
   RELEASE_TYPE: 'Release Typ',
   INTERNET_CONNECTION_REQUIRED: 'Für die automatische Versionsprüfung und Aktualisierung ist eine Internetverbindung erforderlich',
-  SWITCH_RELEASE_TYPE: 'Zum {0}-Release wechseln'
+  SWITCH_RELEASE_TYPE: 'Zum {0}-Release wechseln',
+  FIRMWARE_VERSION_INFO: 'Firmware-Versionsinformation'
 };
 
 export default de;

interface/src/i18n/en/index.ts

@@ -352,7 +352,8 @@ const en: Translation = {
   PLATFORM: 'Platform',
   RELEASE_TYPE: 'Release Type',
   INTERNET_CONNECTION_REQUIRED: 'Internet connection required for automatic version checking and upgrading',
-  SWITCH_RELEASE_TYPE: 'Switch to {0} release'
+  SWITCH_RELEASE_TYPE: 'Switch to {0} release',
+  FIRMWARE_VERSION_INFO: 'Firmware Version Information'
 };
 
 export default en;

interface/src/i18n/fr/index.ts

@@ -352,7 +352,8 @@ const fr: Translation = {
   PLATFORM: 'Plateforme',
   RELEASE_TYPE: 'Type de version',
   INTERNET_CONNECTION_REQUIRED: 'Connexion Internet requise pour la vérification automatique des versions et la mise à niveau',
-  SWITCH_RELEASE_TYPE: 'Passer à la version {0}'
+  SWITCH_RELEASE_TYPE: 'Passer à la version {0}',
+  FIRMWARE_VERSION_INFO: 'Informations sur la version du firmware'
 };
 
 export default fr;

interface/src/i18n/it/index.ts

@@ -352,7 +352,8 @@ const it: Translation = {
   PLATFORM: 'Piattaforma',
   RELEASE_TYPE: 'Tipo di rilascio',
   INTERNET_CONNECTION_REQUIRED: 'Connessione internet richiesta per il controllo automatico delle versioni e l\'aggiornamento',
-  SWITCH_RELEASE_TYPE: 'Cambia in {0} rilascio'
+  SWITCH_RELEASE_TYPE: 'Cambia in {0} rilascio',
+  FIRMWARE_VERSION_INFO: 'Informazioni sulla versione del firmware'
 };
 
 export default it;

interface/src/i18n/nl/index.ts

@@ -352,7 +352,8 @@ const nl: Translation = {
   PLATFORM: 'Platform',
   RELEASE_TYPE: 'Release Typ',
   INTERNET_CONNECTION_REQUIRED: 'Internetverbinding vereist voor automatische versiecontrole en -upgrade',
-  SWITCH_RELEASE_TYPE: 'Switch naar {0} release'
+  SWITCH_RELEASE_TYPE: 'Switch naar {0} release',
+  FIRMWARE_VERSION_INFO: 'Informatie over firmwareversie'
 };
 
 export default nl;

interface/src/i18n/no/index.ts

@@ -352,7 +352,8 @@ const no: Translation = {
   PLATFORM: 'Plattform',
   RELEASE_TYPE: 'Utgivelses type',
   INTERNET_CONNECTION_REQUIRED: 'Internettilkobling kreves for automatisk versjonskontroll og oppgradering',
-  SWITCH_RELEASE_TYPE: 'Bytt til {0} utgivelse'
+  SWITCH_RELEASE_TYPE: 'Bytt til {0} utgivelse',
+  FIRMWARE_VERSION_INFO: 'Informasjon om firmwareversjon'
 };
 
 export default no;

interface/src/i18n/pl/index.ts

@@ -352,7 +352,8 @@ const pl: BaseTranslation = {
   PLATFORM: 'Platforma',
   RELEASE_TYPE: 'Typ wydania',
   INTERNET_CONNECTION_REQUIRED: 'Połączenie internetowe jest wymagane do automatycznej kontroli wersji i aktualizacji',
-  SWITCH_RELEASE_TYPE: 'Zmień na {0} wydanie'
+  SWITCH_RELEASE_TYPE: 'Zmień na {0} wydanie',
+  FIRMWARE_VERSION_INFO: 'Informacje o wersji firmware'
 };
 
 export default pl;

interface/src/i18n/sk/index.ts

@@ -352,7 +352,8 @@ const sk: Translation = {
   PLATFORM: 'Platforma',
   RELEASE_TYPE: 'Typ vydania',
   INTERNET_CONNECTION_REQUIRED: 'Internetové pripojenie je potrebné pre automatickú kontrolu a aktualizáciu',
-  SWITCH_RELEASE_TYPE: 'Prepnúť na {0} verziu'
+  SWITCH_RELEASE_TYPE: 'Prepnúť na {0} verziu',
+  FIRMWARE_VERSION_INFO: 'Informácie o verzii firmware'
 };
 
 export default sk;

interface/src/i18n/sv/index.ts

@@ -352,7 +352,8 @@ const sv: Translation = {
   PLATFORM: 'Plattform',
   RELEASE_TYPE: 'Utgivelsestyp',
   INTERNET_CONNECTION_REQUIRED: 'Internetanslutning krävs för automatisk version kontroll och uppdatering',
-  SWITCH_RELEASE_TYPE: 'Byt till {0} utgåva'
+  SWITCH_RELEASE_TYPE: 'Byt till {0} utgåva',
+  FIRMWARE_VERSION_INFO: 'Information om firmwareversion'
 };
 
 export default sv;

interface/src/i18n/tr/index.ts

@@ -352,7 +352,8 @@ const tr: Translation = {
   PLATFORM: 'Platforma',
   RELEASE_TYPE: 'Sürüm Tipi',
   INTERNET_CONNECTION_REQUIRED: 'Otomatik sürüm kontrolü ve güncelleme için internet bağlantısı gereklidir',
-  SWITCH_RELEASE_TYPE: '{0} sürümüne geç'
+  SWITCH_RELEASE_TYPE: '{0} sürümüne geç',
+  FIRMWARE_VERSION_INFO: 'Firmware Sürüm Bilgisi'
 };
 
 export default tr;