diff --git a/web/src/ui/rightpanel/RightPanel.css b/web/src/ui/rightpanel/RightPanel.css index 6ce57e3..6123c73 100644 --- a/web/src/ui/rightpanel/RightPanel.css +++ b/web/src/ui/rightpanel/RightPanel.css @@ -151,11 +151,11 @@ div.right-panel-content.user { height: 1.5rem; width: 1.5rem; - &.trust-blacklisted { + &.trust-blacklisted, &.trust-unverified.has-master-key { color: var(--error-color); } - &.trust-cross-signed-untrusted, &.trust-unverified { + &.trust-cross-signed-untrusted, &.trust-unverified.no-master-key { color: darkorange; } diff --git a/web/src/ui/rightpanel/UserInfoDeviceList.tsx b/web/src/ui/rightpanel/UserInfoDeviceList.tsx index 16bef63..6e43b6b 100644 --- a/web/src/ui/rightpanel/UserInfoDeviceList.tsx +++ b/web/src/ui/rightpanel/UserInfoDeviceList.tsx @@ -85,13 +85,13 @@ const DeviceList = ({ client, room, userID }: DeviceListProps) => { {verifiedMessage}

{view.devices.length} devices

- +
} -function renderDevice(device: ProfileDevice) { +function renderDevice(device: ProfileDevice, hasCSKeys: boolean) { let Icon = EncryptedIcon if (device.trust_state === "blacklisted") { Icon = EncryptedOffIcon @@ -100,19 +100,23 @@ function renderDevice(device: ProfileDevice) { } return
  • {device.name || device.device_id}
  • } -function trustStateDescription(state: TrustState): string { +function trustStateDescription(state: TrustState, hasCSKeys: boolean): string { switch (state) { case "blacklisted": return "Device has been blacklisted manually" case "unverified": - return "Device has not been verified by cross-signing keys, or cross-signing keys were not found" + if (hasCSKeys) { + return "Device has not been verified by cross-signing keys" + } else { + return "No cross-signing keys were found" + } case "verified": return "Device was verified manually" case "cross-signed-untrusted":