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.
+
+ Learn more
+
renders device and correct security card when
class="mx_DeviceSecurityCard_description"
>
Verify or sign out from this session for best security and reliability.
+
+ Learn more
+
renders device and correct security card when
class="mx_DeviceSecurityCard_description"
>
Verify or sign out from this session for best security and reliability.
+
+ Learn more
+
renders a verified device 1`] = `
class="mx_DeviceSecurityCard_description"
>
This session is ready for secure messaging.
+
+ Learn more
+
@@ -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.
+
+ Learn more
+
@@ -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.
+
+ Learn more
+
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.
+
+ Learn more
+
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
+
+ Learn more
+
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.
+
+ Learn more
+
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
+
+ Learn more
+
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.
+
+ Learn more
+
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
+
+ Learn more
+
current session section renders current session s
class="mx_DeviceSecurityCard_description"
>
This session is ready for secure messaging.
+
+ Learn more
+
@@ -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.
+
+ Learn more
+