CN-761: added stakekit entrypoints for LLM and LLD

.changeset/swift-cherries-hammer.md

@@ -0,0 +1,6 @@
+---
+"ledger-live-desktop": minor
+"live-mobile": minor
+---
+
+Stake for BNB will open directly the Stakekit live app

apps/ledger-live-desktop/src/renderer/families/evm/AccountHeaderManageActions.ts

@@ -5,6 +5,7 @@ import IconCoins from "~/renderer/icons/Coins";
 import { openModal } from "~/renderer/actions/modals";
 import { isAccountEmpty } from "@ledgerhq/live-common/account/index";
 import { useGetStakeLabelLocaleBased } from "~/renderer/hooks/useGetStakeLabelLocaleBased";
+import { useHistory } from "react-router";
 
 type Props = {
   account: AccountLike;
@@ -13,10 +14,26 @@ type Props = {
 
 const AccountHeaderActions = ({ account, parentAccount }: Props) => {
   const dispatch = useDispatch();
+  const history = useHistory();
   const label = useGetStakeLabelLocaleBased();
+
   const isEthereumAccount = account.type === "Account" && account.currency.id === "ethereum";
+  const isBscAccount = account.type === "Account" && account.currency.id === "bsc";
+
+  const onClickStakekit = useCallback(() => {
+    const value = "/platform/stakekit";
+
+    history.push({
+      pathname: value,
+      state: {
+        yieldId: "bsc-bnb-native-staking",
+        accountId: account.id,
+        returnTo: `/account/${account.id}`,
+      },
+    });
+  }, [account.id, history]);
 
-  const onClickStake = useCallback(() => {
+  const onClickStakeModal = useCallback(() => {
     if (isAccountEmpty(account)) {
       dispatch(
         openModal("MODAL_NO_FUNDS_STAKE", {
@@ -33,11 +50,19 @@ const AccountHeaderActions = ({ account, parentAccount }: Props) => {
     }
   }, [account, dispatch, parentAccount]);
 
-  if (isEthereumAccount) {
+  const getStakeAction = useCallback(() => {
+    if (isEthereumAccount) {
+      onClickStakeModal();
+    } else if (isBscAccount) {
+      onClickStakekit();
+    }
+  }, [isEthereumAccount, isBscAccount, onClickStakeModal, onClickStakekit]);
+
+  if (isEthereumAccount || isBscAccount) {
     return [
       {
         key: "Stake",
-        onClick: onClickStake,
+        onClick: getStakeAction,
         event: "button_clicked2",
         eventProperties: {
           button: "stake",

apps/ledger-live-mobile/src/families/evm/accountActions.tsx

@@ -34,6 +34,20 @@ function getNavigatorParams({ parentRoute, account, parentAccount }: Props): Nav
     ];
   }
 
+  if (account.type === "Account" && account.currency.id === "bsc") {
+    return [
+      ScreenName.PlatformApp,
+      {
+        params: {
+          platform: "stakekit",
+          name: "StakeKit",
+          accountId: account.id,
+          yieldId: "bsc-bnb-native-staking",
+        },
+      },
+    ];
+  }
+
   const params = {
     screen: parentRoute.name,
     drawer: {
@@ -64,7 +78,10 @@ function getNavigatorParams({ parentRoute, account, parentAccount }: Props): Nav
 }
 
 const getMainActions = ({ account, parentAccount, parentRoute }: Props): ActionButtonEvent[] => {
-  if (account.type === "Account" && account.currency.id === "ethereum") {
+  if (
+    account.type === "Account" &&
+    (account.currency.id === "ethereum" || account.currency.id === "bsc")
+  ) {
     const label = getStakeLabelLocaleBased();
 
     const navigationParams = getNavigatorParams({
@@ -80,7 +97,7 @@ const getMainActions = ({ account, parentAccount, parentRoute }: Props): ActionB
         label: <Trans i18nKey={label} />,
         Icon: IconsLegacy.CoinsMedium,
         eventProperties: {
-          currency: "ETH",
+          currency: account.currency.id === "ethereum" ? "ETH" : "BNB",
         },
       },
     ];