feat: update account name from account details page in wallet-ui

[khanti42]

Summary

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

New Features

1. Editable Account Names

• Users can now rename their accounts directly from the Account Details Modal.
• Added an inline name editor with a text input field.
• Changes are saved when clicking a ✔ (check) button or canceled with a (cross) button.
• The update is persisted using the new setAccountName function.

Code Changes

UI Updates

• AccountDetailsModal.view.tsx

  • Added an edit mode for account names.
  • Displays an input field when editing
  • Uses setAccountName to persist name changes.

• AccountDetailsModal.style.ts

  • New styled components for:
    • EditIcon: Edit button (pencil icon).
    • IconButton: Generic button
    • AccountNameInput: Input field for editing the account name.

State & Logic Updates

• useStarkNetSnap.ts
  • Added setAccountName(chainId, address, accountName), which:
    • Calls the starkNet_setAccountName RPC method.
    • Updates the Redux store with the new name.
    • Sets the updated account as the current account.

[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

[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
13.4% Duplication on New Code

See analysis details on SonarQube Cloud