Use a dedicated FAQ/help entry for key storage. (#32480)

* Use a dedicated FAQ/help entry for key storage.

* Update tests.

docs/config.md

@@ -160,7 +160,8 @@ complete re-branding/private labeling, a more personalised experience can be ach
     3. `show_once`: Optional. If true then the notice will only be shown once per device.
 19. `help_url`: The URL to point users to for help with the app, defaults to `https://element.io/help`.
 20. `help_encryption_url`: The URL to point users to for help with encryption, defaults to `https://element.io/help#encryption`.
-21. `force_verification`: If true, users must verify new logins (eg. with another device / their recovery key)
+21. `help_key_storage_url`: The URL to point users to for help with key storage, defaults to `https://element.io/help#encryption5`.
+22. `force_verification`: If true, users must verify new logins (eg. with another device / their recovery key)
 
 ### `desktop_builds` and `mobile_builds`
 

src/IConfigOptions.ts

@@ -160,6 +160,7 @@ export interface IConfigOptions {
     terms_and_conditions_links?: { url: string; text: string }[];
     help_url: string;
     help_encryption_url: string;
+    help_key_storage_url: string;
 
     latex_maths_delims?: {
         inline?: {

src/SdkConfig.ts

@@ -19,6 +19,7 @@ export const DEFAULTS: DeepReadonly<IConfigOptions> = {
     brand: "Element",
     help_url: "https://element.io/help",
     help_encryption_url: "https://element.io/help#encryption",
+    help_key_storage_url: "https://element.io/help#encryption5",
     integrations_ui_url: "https://scalar.vector.im/",
     integrations_rest_url: "https://scalar.vector.im/api",
     uisi_autorageshake_app: "element-auto-uisi",

src/components/views/dialogs/ConfirmKeyStorageOffDialog.tsx

@@ -61,7 +61,7 @@ export default class ConfirmKeyStorageOffDialog extends React.Component<Props> {
                     a: (sub) => (
                         <>
                             <br />
-                            <a href={SdkConfig.get("help_encryption_url")} target="_blank" rel="noreferrer noopener">
+                            <a href={SdkConfig.get("help_key_storage_url")} target="_blank" rel="noreferrer noopener">
                                 {sub} <PopOutIcon />
                             </a>
                         </>

src/components/views/settings/encryption/KeyStoragePanel.tsx

@@ -56,7 +56,7 @@ export const KeyStoragePanel: React.FC<Props> = ({ onKeyStorageDisableClick }) =
             }
             subHeading={_t("settings|encryption|key_storage|description", undefined, {
                 a: (sub) => (
-                    <a href={SdkConfig.get("help_encryption_url")} target="_blank" rel="noreferrer noopener">
+                    <a href={SdkConfig.get("help_key_storage_url")} target="_blank" rel="noreferrer noopener">
                         {sub}
                     </a>
                 ),

test/unit-tests/components/views/dialogs/__snapshots__/ConfirmKeyStorageOffDialog-test.tsx.snap

@@ -34,7 +34,7 @@ exports[`ConfirmKeyStorageOffDialog renders 1`] = `
       If you sign out of all your devices you will lose your message history and will need to verify all your existing contacts again. 
       <br />
       <a
-        href="https://element.io/help#encryption"
+        href="https://element.io/help#encryption5"
         rel="noreferrer noopener"
         target="_blank"
       >