feat: set account name at account creation in wallet-ui

[khanti42]

Summary

Screen.Recording.2025-02-12.at.22.45.52.mov

New Features

1. Account Naming Integration

• Introduces accountName to account metadata, replacing addressIndex + 1 references.
• Users can assign custom names when adding new accounts.
• UI elements now display accountName instead of generic labels like "Account 1".

2. Add Account Modal

• Implements a new "Add Account" modal in AccountSwitchModal.
• Users can:
  • Enter a custom account name.
  • Fetch the next available account index automatically.
  • Add an account with the assigned name.

3. Updated Account Management

• useStarkNetSnap now supports:
  • addNewAccount(chainId, accountName): Adds an account with a user-defined name.
  • getNextAccountIndex(chainId): Retrieves the next available account index.

Code Changes

UI Updates

• AccountSwitchModal

  • Added PopIn modal for account creation.
  • Clicking "Add New Account" now opens a modal instead of directly creating an account.
  • Uses AddAccountModal for user input.

• VisibleAccountsList & HiddenAccountsList

  • Replaces Account {index + 1} with account.accountName.

• SideBarView

  • Displays currentAccount.accountName instead of addressIndex + 1.

State & Logic Updates

• Account type now includes accountName.
• useStarkNetSnap.ts:
  • Modified addNewAccount to accept accountName.
  • Added getNextAccountIndex to fetch the next available index before account creation.

Styling & Components

• Introduced AddAccountModal.style.ts for modal styling.
• Created AddAccountModal.view.tsx:
  • Handles user input for account name.
  • Validates name length (< 20 characters).
  • Calls addNewAccount with user-defined name.

Bug Fixes & Cleanup

• Fixed height overflow issues in VisibleAccountsListView.

[sonarqubecloud]

Quality Gate passed for 'consensys_starknet-snap-wallet-ui'

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud

[sonarqubecloud]

Quality Gate passed for 'consensys_starknet-snap-starknet-snap'

Issues
0 New issues
0 Accepted issues

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

See analysis details on SonarQube Cloud