PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Add device IDs in user info tooltips

Browse source 
For easier device identification, add the device ID in an HTML tooltip for now.

Fixes https://github.com/vector-im/riot-web/issues/12103
This commit is contained in:
J. Ryan Stinnett 2020-01-28 18:03:47 +00:00
parent 145d2bb16b
commit 6fb8f6eef1
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/views/right_panel/UserInfo.js
View file

@ -183,11 +183,16 @@ function DeviceItem({userId, device}) {
(device.getDisplayName() ? device.getDisplayName() : "") + " (" + device.deviceId + ")" : (device.getDisplayName() ? device.getDisplayName() : "") + " (" + device.deviceId + ")" :
device.getDisplayName(); device.getDisplayName();
const trustedLabel = isVerified ? _t("Trusted") : _t("Not trusted"); const trustedLabel = isVerified ? _t("Trusted") : _t("Not trusted");
return (<AccessibleButton className={classes} onClick={onDeviceClick}> return (
<AccessibleButton
className={classes} onClick={onDeviceClick}
title={device.deviceId}
>
<div className={iconClasses} /> <div className={iconClasses} />
<div className="mx_UserInfo_device_name">{deviceName}</div> <div className="mx_UserInfo_device_name">{deviceName}</div>
<div className="mx_UserInfo_device_trusted">{trustedLabel}</div> <div className="mx_UserInfo_device_trusted">{trustedLabel}</div>
</AccessibleButton>); </AccessibleButton>
);
} }
function DevicesSection({devices, userId, loading}) { function DevicesSection({devices, userId, loading}) {