diff --git a/src/components/views/settings/devices/DeviceDetails.tsx b/src/components/views/settings/devices/DeviceDetails.tsx index 4ed50c07b7c..719afb1cb41 100644 --- a/src/components/views/settings/devices/DeviceDetails.tsx +++ b/src/components/views/settings/devices/DeviceDetails.tsx @@ -62,6 +62,7 @@ const DeviceDetails: React.FC = ({ id: 'session', values: [ { label: _t('Session ID'), value: device.device_id }, + { label: _t('Client'), value: device.client }, { label: _t('Last activity'), value: device.last_seen_ts && formatDate(new Date(device.last_seen_ts)), @@ -81,6 +82,8 @@ const DeviceDetails: React.FC = ({ id: 'device', heading: _t('Device'), values: [ + { label: _t('Model'), value: device.deviceModel }, + { label: _t('Operating system'), value: device.deviceOperatingSystem }, { label: _t('IP address'), value: device.last_seen_ip }, ], }, diff --git a/src/i18n/strings/en_EN.json b/src/i18n/strings/en_EN.json index 7237e087c5c..7107275cee5 100644 --- a/src/i18n/strings/en_EN.json +++ b/src/i18n/strings/en_EN.json @@ -1719,11 +1719,14 @@ "Rename session": "Rename session", "Please be aware that session names are also visible to people you communicate with": "Please be aware that session names are also visible to people you communicate with", "Session ID": "Session ID", + "Client": "Client", "Last activity": "Last activity", "Application": "Application", "Version": "Version", "URL": "URL", "Device": "Device", + "Model": "Model", + "Operating system": "Operating system", "IP address": "IP address", "Session details": "Session details", "Toggle push notifications on this session.": "Toggle push notifications on this session.", diff --git a/test/components/views/settings/devices/DeviceDetails-test.tsx b/test/components/views/settings/devices/DeviceDetails-test.tsx index a6852f9f35d..f19f1f58ced 100644 --- a/test/components/views/settings/devices/DeviceDetails-test.tsx +++ b/test/components/views/settings/devices/DeviceDetails-test.tsx @@ -61,6 +61,9 @@ describe('', () => { last_seen_ip: '123.456.789', last_seen_ts: now - 60000000, appName: 'Element Web', + client: 'Firefox 100', + deviceModel: 'Iphone X', + deviceOperatingSystem: 'Windows 95', }; const { container } = render(getComponent({ device })); expect(container).toMatchSnapshot(); diff --git a/test/components/views/settings/devices/__snapshots__/DeviceDetails-test.tsx.snap b/test/components/views/settings/devices/__snapshots__/DeviceDetails-test.tsx.snap index 68f0bd7d59a..e681b652767 100644 --- a/test/components/views/settings/devices/__snapshots__/DeviceDetails-test.tsx.snap +++ b/test/components/views/settings/devices/__snapshots__/DeviceDetails-test.tsx.snap @@ -181,6 +181,18 @@ exports[` renders device with metadata 1`] = ` my-device + + + Client + + + Firefox 100 + + renders device with metadata 1`] = ` + + + Model + + + Iphone X + + + + + Operating system + + + Windows 95 + +