feat(desktop): hide operations list in portfolio when ff on

Author: mcayuelas-ledger

.changeset/thick-bananas-talk.md

@@ -0,0 +1,6 @@
+---
+"ledger-live-desktop": minor
+"@ledgerhq/live-common": minor
+---
+
+hide operationList in Portfolio when FF is active

apps/ledger-live-desktop/src/mvvm/features/Portfolio/PortfolioView.tsx

@@ -26,13 +26,15 @@ export const PortfolioView = memo(function PortfolioView({
   shouldDisplayGraphRework,
   shouldDisplayQuickActionCtas,
   shouldDisplayAssetSection,
+  shouldDisplayOperationsList,
   isWallet40Enabled,
   accounts,
   filterOperations,
   t,
   isClearCacheBannerVisible,
 }: PortfolioViewModelResult) {
   const shouldDisplayAddAccountCta = totalAccounts === 0 && isWallet40Enabled;
+  const shouldDisplayOperationsListCondition = !shouldDisplayOperationsList && totalOperations > 0;
 
   return (
     <>
@@ -48,7 +50,7 @@ export const PortfolioView = memo(function PortfolioView({
       />
       <div id="portfolio-container" data-testid="portfolio-container" className="flex flex-col">
         {/* Main content area */}
-        <div className="flex flex-1 flex-col gap-32">
+        <div className="flex flex-1 flex-col gap-32 pb-32">
           <div className="flex flex-col gap-24">
             <PageHeader title={t("portfolio.title")} />
             {shouldDisplayGraphRework && <Balance />}
@@ -67,7 +69,7 @@ export const PortfolioView = memo(function PortfolioView({
           {shouldDisplayAddAccountCta && <AddAccount />}
           {shouldDisplayAssetSection && <CryptoAddressesBanner />}
 
-          {totalOperations > 0 && (
+          {shouldDisplayOperationsListCondition && (
             <OperationsList
               accounts={accounts}
               title={t("dashboard.recentActivity")}

apps/ledger-live-desktop/src/mvvm/features/Portfolio/hooks/usePortfolioViewModel.ts

@@ -20,6 +20,7 @@ export interface PortfolioViewModelResult {
   readonly shouldDisplayGraphRework: boolean;
   readonly shouldDisplayQuickActionCtas: boolean;
   readonly shouldDisplayAssetSection: boolean;
+  readonly shouldDisplayOperationsList: boolean;
   readonly isWallet40Enabled: boolean;
   readonly filterOperations: (operation: Operation, account: AccountLike) => boolean;
   readonly accounts: AccountLike[];
@@ -35,6 +36,7 @@ export const usePortfolioViewModel = (): PortfolioViewModelResult => {
     shouldDisplayGraphRework,
     shouldDisplayQuickActionCtas,
     shouldDisplayAssetSection,
+    shouldDisplayOperationsList,
     isEnabled: isWallet40Enabled,
   } = useWalletFeaturesConfig("desktop");
   const { t } = useTranslation();
@@ -79,6 +81,7 @@ export const usePortfolioViewModel = (): PortfolioViewModelResult => {
     shouldDisplayGraphRework,
     shouldDisplayQuickActionCtas,
     shouldDisplayAssetSection,
+    shouldDisplayOperationsList,
     isWallet40Enabled,
     filterOperations,
     accounts,