diff --git a/.changeset/stupid-mangos-repair.md b/.changeset/stupid-mangos-repair.md new file mode 100644 index 00000000000..71c28a3579a --- /dev/null +++ b/.changeset/stupid-mangos-repair.md @@ -0,0 +1,5 @@ +--- +"live-mobile": minor +--- + +Handle cta click on storyly diff --git a/apps/ledger-live-mobile/src/components/StorylyStories/StorylyProvider.tsx b/apps/ledger-live-mobile/src/components/StorylyStories/StorylyProvider.tsx index 07a810d449b..dfc2136ee46 100644 --- a/apps/ledger-live-mobile/src/components/StorylyStories/StorylyProvider.tsx +++ b/apps/ledger-live-mobile/src/components/StorylyStories/StorylyProvider.tsx @@ -1,5 +1,6 @@ import useFeature from "@ledgerhq/live-common/featureFlags/useFeature"; import { Flex } from "@ledgerhq/native-ui"; +import { Linking } from "react-native"; import { Feature_Storyly, StorylyInstanceType } from "@ledgerhq/types-live"; import React, { createContext, useState, useContext, ReactNode, useRef, useEffect } from "react"; import { Storyly } from "storyly-react-native"; @@ -61,6 +62,10 @@ const StorylyProvider: React.FC = ({ children }) => { const handleEvent = (e: Storyly.StoryEvent) => { if (e.event === "StoryGroupClosed" || e.event === "StoryGroupCompleted") clear(); + if (e.event === "StoryCTAClicked" && e?.story?.media?.actionUrl) { + Linking.openURL(e.story.media.actionUrl); + storylyRef.current?.close?.(); + } }; return (