fix(15619): permissions summary page shows only network permissions

[vinnyhoward]

Description

Issue: When a dapp is requesting permissions for a network that hasn't been given yet, the flow enters what looks to be a broken state to the user. The functionality works but the user experience is degraded.

Solution: Give the component options to opt out of the tab view and only show the account permissions or the network permissions. So when the user is prompted to give permissions to a network, they are only shown the network permissions view

Related issues

Fixes: #15619

Manual testing steps

1. Goto https://pancakeswap.finance/
2. Enable all networks except 1 network (or several doesn't matter)
3. Click update
4. In pancake swap click on a network that doesn't have permissions
5. The view with the broken state will apepar

Screenshots/Recordings

Before	After

New Props

When the new propsshowAccountsOnly is true

When the new propsshowPermissionsOnly is true

When both are true. Accounts are 0 because there aren't any account props passed. This is just an example of what it would look like

Before

NA

After

NA

Pre-merge author checklist

• I’ve followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[github-actions]

CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: f3e1f0f
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/19484bc4-f379-4b8a-bedb-5997603e5c96

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[github-actions]

Bitrise

❌❌❌ pr_smoke_e2e_pipeline failed on Bitrise! ❌❌❌

Commit hash: ed8e516
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/dd714191-5185-4136-8482-653c2ee34c27

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

Tip

• Check the documentation if you have any doubts on how to understand the failure on bitrise

[EtherWizard33]

LGTM, very readable code change, thanks for that.
Approving

I have recorded a loom about the button icon for network switching, will share in slack

[github-actions]

Bitrise

🔄🔄🔄 pr_smoke_e2e_pipeline started on Bitrise...🔄🔄🔄

Commit hash: 4ee8339
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/4e0ded34-0189-469d-935a-de2a351ca006

Note

• This comment will auto-update when build completes
• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: c4a00fc
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/680a27d7-a988-4ff7-a2c4-dc08ae30b2b2

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

[EtherWizard33]

re-approving

[adonesky1]

LGTM

[github-actions]

Bitrise

🔄🔄🔄 pr_smoke_e2e_pipeline started on Bitrise...🔄🔄🔄

Commit hash: 0c64bb8
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/49c59c9e-024f-4c2b-af39-3993b95d84cf

Note

• This comment will auto-update when build completes
• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

[github-actions]

Bitrise

✅✅✅ pr_smoke_e2e_pipeline passed on Bitrise! ✅✅✅

Commit hash: 3ce61b2
Build link: https://app.bitrise.io/app/be69d4368ee7e86d/pipelines/6ffaa0aa-0ea8-4d62-b336-e0eee748d9cb

Note

• You can kick off another pr_smoke_e2e_pipeline on Bitrise by removing and re-applying the Run Smoke E2E label on the pull request

[codecov-commenter]

Codecov Report

Attention: Patch coverage is 75.00000% with 3 lines in your changes missing coverage. Please review.

Project coverage is 69.58%. Comparing base (c09f9e1) to head (3ce61b2).
Report is 17 commits behind head on main.

Files with missing lines	Patch %	Lines
...UI/PermissionsSummary/PermissionsSummary.styles.ts	50.00%	0 Missing and 2 partials ⚠️
...nents/UI/PermissionsSummary/PermissionsSummary.tsx	87.50%	0 Missing and 1 partial ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #15623      +/-   ##
==========================================
+ Coverage   69.49%   69.58%   +0.08%     
==========================================
  Files        2464     2474      +10     
  Lines       52780    53020     +240     
  Branches     7996     8062      +66     
==========================================
+ Hits        36680    36894     +214     
- Misses      13750    13756       +6     
- Partials     2350     2370      +20     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
80.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud