feat 💄(llm): change add accounts button logic (#8859)

.changeset/five-waves-attend.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+Change logic on portfolio assets to display add account button

apps/ledger-live-mobile/src/screens/Portfolio/PortfolioAssets.tsx

@@ -94,8 +94,7 @@ const PortfolioAssets = ({ hideEmptyTokenAccount, openAddModal }: Props) => {
     [startNavigationTTITimer, showAssets, isAccountListUIEnabled, navigation],
   );
 
-  const showAddAccountButton =
-    isAccountListUIEnabled && showAccounts && distribution.list.length >= maxItemsToDysplay;
+  const showAddAccountButton = isAccountListUIEnabled && showAccounts;
 
   return (
     <>
@@ -119,20 +118,24 @@ const PortfolioAssets = ({ hideEmptyTokenAccount, openAddModal }: Props) => {
       ) : (
         <Assets assets={assetsToDisplay} />
       )}
-      {showAddAccountButton ? <AddAccountButton sourceScreenName="Wallet" /> : null}
-      {distribution.list.length < maxItemsToDysplay ? (
-        <Button
-          type="shade"
-          size="large"
-          outline
-          mt={6}
-          iconPosition="left"
-          Icon={IconsLegacy.PlusMedium}
-          onPress={openAddModal}
-        >
-          {t("account.emptyState.addAccountCta")}
-        </Button>
+      {showAddAccountButton ? (
+        <AddAccountButton sourceScreenName="Wallet" />
       ) : (
+        distribution.list.length === 0 && (
+          <Button
+            type="shade"
+            size="large"
+            outline
+            mt={6}
+            iconPosition="left"
+            Icon={IconsLegacy.PlusMedium}
+            onPress={openAddModal}
+          >
+            {t("account.emptyState.addAccountCta")}
+          </Button>
+        )
+      )}
+      {distribution.list.length >= maxItemsToDysplay && (
         <Button type="shade" size="large" outline onPress={onPressButton}>
           {showAssets ? t("portfolio.seeAllAssets") : t("portfolio.seeAllAccounts")}
         </Button>

apps/ledger-live-mobile/src/screens/Portfolio/__integrations__/portfolioAssets.integration.test.tsx

@@ -56,7 +56,7 @@ describe("portfolioAssets", () => {
     // FIXME this is not visible in the test after the animation. It seems that the useSharedValue are not updated in the test environment so cronos 2 is always not visible even if it should be visible.
   });
 
-  it("should hide see all button and display add account button because there is less than 5 assets", async () => {
+  it("should hide see all button because there is less than 5 assets", async () => {
     const { user } = render(
       <TestNavigator>
         <PortfolioAssets hideEmptyTokenAccount={false} openAddModal={() => null} />
@@ -71,7 +71,8 @@ describe("portfolioAssets", () => {
 
     expect(await screen.getByTestId("AssetsList")).toBeVisible();
     expect(screen.queryByText(/see all assets/i)).toBeNull();
-    expect(screen.getByText(/add account/i)).toBeVisible();
+    expect(screen.queryByText(/add account/i)).toBeNull();
+    expect(screen.queryByText(/add new or existing account/i)).toBeNull();
 
     await user.press(screen.getByText(/accounts/i));
 
@@ -81,6 +82,8 @@ describe("portfolioAssets", () => {
     });
 
     expect(screen.queryByText(/see all accounts/i)).toBeNull();
+    expect(screen.queryByText(/add account/i)).toBeNull();
+    expect(screen.queryByText(/add new or existing account/i)).toBeVisible();
 
     await user.press(screen.getByText(/assets/i));