diff --git a/interface/src/app/status/Version.tsx b/interface/src/app/status/Version.tsx index 87dd1c2f4..584ac975b 100644 --- a/interface/src/app/status/Version.tsx +++ b/interface/src/app/status/Version.tsx @@ -19,9 +19,10 @@ import { Grid, IconButton, Link, - List, - ListItem, - ListItemText, + Table, + TableBody, + 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 ( - Version Information + {LL.FIRMWARE_VERSION_INFO()} - - - {LL.TYPE(0)}} - secondary={isStable ? LL.STABLE() : LL.DEVELOPMENT()} - /> - - - {LL.VERSION()}} - secondary={version?.name} - /> - - {version?.published_at && ( - - Release Date} - secondary={prettyDateTime(locale, new Date(version.published_at))} - /> - - )} - + + + + + {LL.TYPE(0)} + + + {isStable ? LL.STABLE() : LL.DEVELOPMENT()} + + + + + {LL.VERSION()} + + + {version?.name} + + + {version?.published_at && ( + + + Build Date + + + {prettyDateTime(locale, new Date(version.published_at))} + + + )} + +