feat: add links for CTA

Author: jiyuzhuang

.changeset/sharp-bottles-unite.md

@@ -0,0 +1,6 @@
+---
+"ledger-live-desktop": minor
+"live-mobile": minor
+---
+
+Add links for CTA

apps/ledger-live-desktop/src/renderer/components/SyncOnboarding/Manual/SeedStep.tsx

@@ -10,6 +10,7 @@ import CharonPng from "./assets/charon.png";
 import SecretRecoveryPhrasePng from "./assets/secret-recovery-phrase.png";
 import { trackPage, useTrack } from "~/renderer/analytics/segment";
 import { CharonStatus } from "@ledgerhq/live-common/hw/extractOnboardingState";
+import { openURL } from "~/renderer/linking";
 
 export type SeedPathStatus =
   | "choice_new_or_restore"
@@ -27,17 +28,19 @@ export type Props = {
   charonStatus: CharonStatus | null;
 };
 
+const CHARON_LEARN_MORE_URL = "https://shop.ledger.com/products/ledger-recovery-key";
+
 const SeedStep = ({ seedPathStatus, deviceModelId, charonSupported, charonStatus }: Props) => {
   const { t } = useTranslation();
   const track = useTrack();
   const productName = getDeviceModel(deviceModelId).productName;
 
   const handleLearnMoreClick = useCallback(() => {
-    // TODO: Add link
     track("button_clicked", {
       button: "Learn More",
       page: "Charon Start",
     });
+    openURL(CHARON_LEARN_MORE_URL);
   }, [track]);
 
   useEffect(() => {

apps/ledger-live-mobile/src/screens/SyncOnboarding/SyncOnboardingCompanion.tsx

@@ -7,7 +7,7 @@ import React, {
   useRef,
   useLayoutEffect,
 } from "react";
-import { Image } from "react-native";
+import { Image, Linking } from "react-native";
 import { Flex, VerticalTimeline, Text, ContinueOnDevice, Link } from "@ledgerhq/native-ui";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useOnboardingStatePolling } from "@ledgerhq/live-common/onboarding/hooks/useOnboardingStatePolling";
@@ -125,6 +125,8 @@ const fromSeedPhraseTypeToAnalyticsPropertyString = new Map<SeedPhraseType, stri
   [SeedPhraseType.Twelve, "Twelve"],
 ]);
 
+const CHARON_LEARN_MORE_URL = "https://shop.ledger.com/products/ledger-recovery-key";
+
 // Because of https://github.com/typescript-eslint/typescript-eslint/issues/1197
 enum CompanionStepKey {
   EarlySecurityCheckCompleted = 0,
@@ -560,11 +562,11 @@ export const SyncOnboardingCompanion: React.FC<SyncOnboardingCompanionProps> = (
 
   const track = useTrack();
   const handleLearnMoreClick = useCallback(() => {
-    // TODO: Add link
     track("button_clicked", {
       button: "Learn More",
       page: "Charon Start",
     });
+    Linking.openURL(CHARON_LEARN_MORE_URL);
   }, [track]);
 
   const companionSteps: Step[] = useMemo(