diff --git a/src/components/views/settings/devices/DeviceVerificationStatusCard.tsx b/src/components/views/settings/devices/DeviceVerificationStatusCard.tsx index 127f5eedf6..0ee37c9bc4 100644 --- a/src/components/views/settings/devices/DeviceVerificationStatusCard.tsx +++ b/src/components/views/settings/devices/DeviceVerificationStatusCard.tsx @@ -19,6 +19,7 @@ import React from 'react'; import { _t } from '../../../../languageHandler'; import AccessibleButton from '../../elements/AccessibleButton'; import DeviceSecurityCard from './DeviceSecurityCard'; +import { DeviceSecurityLearnMore } from './DeviceSecurityLearnMore'; import { DeviceSecurityVariation, ExtendedDevice, @@ -36,11 +37,17 @@ export const DeviceVerificationStatusCard: React.FC = ({ const securityCardProps = device.isVerified ? { variation: DeviceSecurityVariation.Verified, heading: _t('Verified session'), - description: _t('This session is ready for secure messaging.'), + description: <> + { _t('This session is ready for secure messaging.') } + + , } : { variation: DeviceSecurityVariation.Unverified, heading: _t('Unverified session'), - description: _t('Verify or sign out from this session for best security and reliability.'), + description: <> + { _t('Verify or sign out from this session for best security and reliability.') } + + , }; return = ({ + { _t( + `Verify your sessions for enhanced secure messaging` + ` or sign out from those you don't recognize or use anymore.`, - )} + ) } + + } > = ({ + { _t( + `Consider signing out from old sessions ` + + `(%(inactiveAgeDays)s days or older) you don't use anymore`, + { inactiveAgeDays }, + ) } + + + } > Verify or sign out from this session for best security and reliability. +

renders device and correct security card when class="mx_DeviceSecurityCard_description" > Verify or sign out from this session for best security and reliability. +

renders device and correct security card when class="mx_DeviceSecurityCard_description" > Verify or sign out from this session for best security and reliability. +

renders a verified device 1`] = ` class="mx_DeviceSecurityCard_description" > This session is ready for secure messaging. +

@@ -152,6 +159,13 @@ exports[` renders device with metadata 1`] = ` class="mx_DeviceSecurityCard_description" > Verify or sign out from this session for best security and reliability. +

@@ -354,6 +368,13 @@ exports[` renders device without metadata 1`] = ` class="mx_DeviceSecurityCard_description" > Verify or sign out from this session for best security and reliability. +

diff --git a/test/components/views/settings/devices/__snapshots__/SecurityRecommendations-test.tsx.snap b/test/components/views/settings/devices/__snapshots__/SecurityRecommendations-test.tsx.snap index a854601344..f1c0f12cf5 100644 --- a/test/components/views/settings/devices/__snapshots__/SecurityRecommendations-test.tsx.snap +++ b/test/components/views/settings/devices/__snapshots__/SecurityRecommendations-test.tsx.snap @@ -46,6 +46,13 @@ exports[` renders both cards when user has both unver class="mx_DeviceSecurityCard_description" > Verify your sessions for enhanced secure messaging or sign out from those you don't recognize or use anymore. +

renders both cards when user has both unver class="mx_DeviceSecurityCard_description" > Consider signing out from old sessions (90 days or older) you don't use anymore +

renders inactive devices section when user class="mx_DeviceSecurityCard_description" > Verify your sessions for enhanced secure messaging or sign out from those you don't recognize or use anymore. +

renders inactive devices section when user class="mx_DeviceSecurityCard_description" > Consider signing out from old sessions (90 days or older) you don't use anymore +

renders unverified devices section when use class="mx_DeviceSecurityCard_description" > Verify your sessions for enhanced secure messaging or sign out from those you don't recognize or use anymore. +

renders unverified devices section when use class="mx_DeviceSecurityCard_description" > Consider signing out from old sessions (90 days or older) you don't use anymore +

current session section renders current session s class="mx_DeviceSecurityCard_description" > This session is ready for secure messaging. +

@@ -252,6 +259,13 @@ exports[` current session section renders current session s class="mx_DeviceSecurityCard_description" > Verify or sign out from this session for best security and reliability. +