diff --git a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx index 890a6f765fed..e4b61c4aec18 100644 --- a/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx +++ b/apps/ledger-live-mobile/src/newArch/features/Accounts/screens/AddAccount/index.tsx @@ -4,7 +4,6 @@ import QueuedDrawer from "~/components/QueuedDrawer"; import { CryptoCurrency, TokenCurrency } from "@ledgerhq/types-cryptoassets"; import DrawerHeader from "LLM/features/WalletSync/components/Synchronize/DrawerHeader"; import { Flex } from "@ledgerhq/native-ui"; -import { useWindowDimensions } from "react-native"; import StepFlow from "./components/StepFlow"; import { Steps } from "../../types/enum/addAccount"; @@ -26,8 +25,6 @@ function View({ onCloseAddAccountDrawer, }: ViewProps) { const [currentStep, setCurrentStep] = useState(StartingStep); - const { height } = useWindowDimensions(); - const maxDrawerHeight = height - 180; const CustomDrawerHeader = () => ; @@ -43,7 +40,7 @@ function View({ hasBackButton={currentStep === Steps.ChooseSyncMethod} onBack={() => goBackCallback()} > - + { ]; return ( - + { size={QRCodeSize} /> - - + {t("walletSync.synchronize.qrCode.show.explanation.title")} - - + + ); }; diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts index 5e61f614e3b9..408856bf9941 100644 --- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts +++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Activation/useActivationDrawerModel.ts @@ -16,7 +16,7 @@ const useActivationDrawerModel = ({ isOpen, startingStep, handleClose }: Props) const { onClickTrack } = useLedgerSyncAnalytics(); const [currentStep, setCurrentStep] = useState(startingStep); - const hasCustomHeader = currentStep === Steps.QrCodeMethod && startingStep === Steps.Activation; + const hasCustomHeader = currentStep === Steps.QrCodeMethod; const canGoBack = currentStep === Steps.ChooseSyncMethod && startingStep === Steps.Activation; const getPreviousStep = useCallback( diff --git a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Manage/index.tsx b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Manage/index.tsx index 8e9bf1b31ce6..e41f5a953dbf 100644 --- a/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Manage/index.tsx +++ b/apps/ledger-live-mobile/src/newArch/features/WalletSync/screens/Manage/index.tsx @@ -1,5 +1,5 @@ import { Box, Flex, Text, Icons, InfiniteLoader, Alert } from "@ledgerhq/native-ui"; -import React from "react"; +import React, { useState } from "react"; import { useTranslation } from "react-i18next"; import { Option, OptionProps } from "./Option"; import styled from "styled-components"; @@ -15,6 +15,8 @@ import ManageKeyDrawer from "../ManageKey/ManageKeyDrawer"; import { useManageKeyDrawer } from "../ManageKey/useManageKeyDrawer"; import ManageInstanceDrawer from "../ManageInstances/ManageInstancesDrawer"; import { useManageInstancesDrawer } from "../ManageInstances/useManageInstanceDrawer"; +import ActivationDrawer from "../Activation/ActivationDrawer"; +import { Steps } from "../../types/Activation"; const WalletSyncManage = () => { const { t } = useTranslation(); @@ -26,12 +28,15 @@ const WalletSyncManage = () => { const { onClickTrack } = useLedgerSyncAnalytics(); - const goToSync = () => { - //dispatch(setFlow({ flow: Flow.Synchronize, step: Step.SynchronizeMode })); + const [isSyncDrawerOpen, setIsSyncDrawerOpen] = useState(false); + const goToSync = () => { + setIsSyncDrawerOpen(true); onClickTrack({ button: AnalyticsButton.Synchronize, page: AnalyticsPage.LedgerSyncActivated }); }; + const closeSyncDrawer = () => setIsSyncDrawerOpen(false); + const goToManageBackup = () => { manageKeyHook.openDrawer(); onClickTrack({ button: AnalyticsButton.ManageKey, page: AnalyticsPage.LedgerSyncActivated }); @@ -117,9 +122,11 @@ const WalletSyncManage = () => { - {/** - * DRAWERS - */} +