feat(CN-476): add category param filter to llm platform discover section

.changeset/soft-kings-live.md

@@ -0,0 +1,6 @@
+---
+"live-mobile": minor
+"@ledgerhq/live-common": minor
+---
+
+Add discover section deep link initial category filter to enable links like `ledgerlive://discover?category=restaking` to load the discover screen with the category pre-selected

apps/ledger-live-mobile/src/screens/Platform/v2/Catalog/index.tsx

@@ -12,13 +12,22 @@ import { RecentlyUsed } from "./RecentlyUsed";
 import { CatalogSection } from "./CatalogSection";
 import { DAppDisclaimer } from "./DAppDisclaimer";
 import { LocalLiveApp } from "./LocalLiveApp";
+import { useRoute } from "@react-navigation/native";
 
 const AnimatedView = Animatable.View;
 
 export function Catalog() {
   const { t } = useTranslation();
   const title = t("browseWeb3.catalog.title");
-  const { categories, recentlyUsed, search, disclaimer, localLiveApps } = useCatalog();
+
+  const { params } = useRoute();
+
+  const deeplinkInitialCategory =
+    params && "category" in params && typeof params.category === "string" ? params.category : null;
+
+  const { categories, recentlyUsed, search, disclaimer, localLiveApps } =
+    useCatalog(deeplinkInitialCategory);
+
   return (
     <TabBarSafeAreaView edges={["top", "bottom", "left", "right"]}>
       {/* TODO: put under the animation header and style  */}

apps/ledger-live-mobile/src/screens/Platform/v2/hooks.ts

@@ -5,6 +5,7 @@ import {
   useDisclaimerRaw,
   useRecentlyUsed,
   DisclaimerRaw,
+  Categories,
 } from "@ledgerhq/live-common/wallet-api/react";
 import { useLocalLiveAppContext } from "@ledgerhq/live-common/wallet-api/LocalLiveAppProvider/index";
 
@@ -25,13 +26,13 @@ import { readOnlyModeEnabledSelector } from "../../../reducers/settings";
 import { NavigationProps } from "./types";
 import { useManifests } from "@ledgerhq/live-common/platform/providers/RemoteLiveAppProvider/index";
 
-export function useCatalog() {
+export function useCatalog(initialCategory?: Categories["selected"] | null) {
   const recentlyUsedDB = useRecentlyUsedDB();
   const { state: localLiveApps } = useLocalLiveAppContext();
   const allManifests = useManifests();
   const completeManifests = useManifests({ visibility: ["complete"] });
   const combinedManifests = useManifests({ visibility: ["searchable", "complete"] });
-  const categories = useCategories(completeManifests);
+  const categories = useCategories(completeManifests, initialCategory);
   const recentlyUsed = useRecentlyUsed(combinedManifests, recentlyUsedDB);
 
   const search = useSearch<AppManifest, TextInput>({

libs/ledger-live-common/src/wallet-api/react.ts

@@ -797,8 +797,10 @@ export interface Categories {
   reset: () => void;
 }
 
-export function useCategories(manifests): Categories {
-  const [selected, setSelected] = useState(DISCOVER_INITIAL_CATEGORY);
+export type CategoryId = Categories["selected"];
+
+export function useCategories(manifests, initialCategory?: CategoryId | null): Categories {
+  const [selected, setSelected] = useState(initialCategory || DISCOVER_INITIAL_CATEGORY);
 
   const reset = useCallback(() => {
     setSelected(DISCOVER_INITIAL_CATEGORY);