mirror of https://github.com/RabbyHub/Rabby.git synced 2026-01-12 11:28:15 -05:00

Files

Gaki 0ef495b6f4 docs: typo and grammar fix (#1926 )

* typo fix

* typo fix

* typo fix

2023-12-22 15:21:15 +08:00

UI

This extension has 3 kinds of UI pages.

browser action popup page

When the user clicks the icon beside the browser address bar, this page will show up.
notification page

When a Dapp requests user interaction, such as sign or connect, this page will show in a separate window.
tab page

When the extension needs more space to ensure the user can get information easily, it will open a browser tab to display content.

These pages share the same code. At the start of ui display, the extension will try to execute getBackgroundWindow first.

All operations regarding the wallet are mounted in the background window.wallet.

Route

The default route of ui is SortHat(SortHat.tsx). This will check the wallet status, and decide which view to display.

When a Dapp requests something which needs the user's permission, the approval job will be set, and this triggers the notification page open.

Then the page will check the approval job status in the SortHat view, and navigate to the Approval view.(views/Approval)

Depending on the approval job uiType, a different Approval component will be displayed.