<commit_before><wide-header-page title="{{'Settings' | translate}}">
  <div page-content>
    <ion-list class="settings-list bp-list">
      <button ion-item (click)="openAddressBookPage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-address-book.svg" width="22">
        </ion-icon>
        <span translate>Address book</span>
      </button>

      <button ion-item (click)="openHelpExternalLink()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-help-support.svg" width="22">
        </ion-icon>
        <span translate>Help &amp; support</span>
      </button>

      <button ion-item *ngIf="isCordova" (click)="openSharePage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-heart.svg" width="22">
        </ion-icon>
        <span translate>Share</span> {{ appName }}
      </button>

      <ion-item-divider *ngIf="walletsGroups && walletsGroups[0]">
        {{'Keys' | translate}}
        <span class="note" ion-text color="light-grey" item-end>(Grouped by key)</span>
      </ion-item-divider>

      <button ion-item *ngFor="let walletsGroup of walletsGroups; let i = index" (click)="openWalletGroupSettings(walletsGroup[0].keyId)">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-key.svg" width="22">
        </ion-icon>
        <ion-label>
          <div *ngIf="walletsGroup[0].canSign">Group {{i+1}}</div>
          <div *ngIf="!walletsGroup[0].canSign" translate>Read Only Wallets</div>
        </ion-label>
        <ion-note item-end>
          {{walletsGroup.length}} Wallet<span *ngIf="walletsGroup.length > 1">s</span>
        </ion-note>
      </button>
      <button ion-item *ngIf="walletsGroups && walletsGroups[0]" (click)="goToAddView()">
        <ion-icon class="item-img" item-start>
          <div class="icon-plus"></div>
        </ion-icon>
        <span translate>Add Wallet</span>
      </button>

      <ion-item-divider>{{'Preferences' | translate}}</ion-item-divider>

      <button ion-item (click)="openNotificationsPage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-notifications.svg" width="22">
        </ion-icon>
        <span translate>Notifications</span>
      </button>

      <button ion-item (click)="openLanguagePage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-language.svg" width="22">
        </ion-icon>
        <ion-label><commit_msg>show the name of each wallet instead of the amount of each wallet group<commit_after><wide-header-page title="{{'Settings' | translate}}">
  <div page-content>
    <ion-list class="settings-list bp-list">
      <button ion-item (click)="openAddressBookPage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-address-book.svg" width="22">
        </ion-icon>
        <span translate>Address book</span>
      </button>

      <button ion-item (click)="openHelpExternalLink()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-help-support.svg" width="22">
        </ion-icon>
        <span translate>Help &amp; support</span>
      </button>

      <button ion-item *ngIf="isCordova" (click)="openSharePage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-heart.svg" width="22">
        </ion-icon>
        <span translate>Share</span> {{ appName }}
      </button>

      <ion-item-divider *ngIf="walletsGroups && walletsGroups[0]">
        {{'Keys' | translate}}
        <span class="note" ion-text color="light-grey" item-end>(Grouped by key)</span>
      </ion-item-divider>

      <button ion-item *ngFor="let walletsGroup of walletsGroups; let i = index" (click)="openWalletGroupSettings(walletsGroup[0].keyId)">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-key.svg" width="22">
        </ion-icon>
        <ion-label>
          <div *ngIf="walletsGroup[0].canSign">Group {{i+1}}</div>
          <div *ngIf="!walletsGroup[0].canSign" translate>Read Only Wallets</div>
          <div class="subtitle ellipsis">
            <span *ngFor="let wallet of walletsGroup; let i = index">
              {{wallet.name}}
              <span *ngIf="i < walletsGroup.length - 1">-</span>
            </span>
          </div>
        </ion-label>
      </button>
      <button ion-item *ngIf="walletsGroups && walletsGroups[0]" (click)="goToAddView()">
        <ion-icon class="item-img" item-start>
          <div class="icon-plus"></div>
        </ion-icon>
        <span translate>Add Wallet</span>
      </button>

      <ion-item-divider>{{'Preferences' | translate}}</ion-item-divider>

      <button ion-item (click)="openNotificationsPage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-notifications.svg" width="22">
        </ion-icon>
        <span translate>Notifications</span>
      </button>

      <button ion-item (click)="openLanguagePage()">
        <ion-icon class="item-img settings-icon" item-start>
          <img src="assets/img/settings-icons/icon-language.svg" width="22">
        </ion-icon>
        <ion-label>
{'fraction_non_alphanumeric': 0.17276166456494324, 'fraction_numerical': 0.006845613402990452, 'mean_word_length': 2.73369199731002, 'pattern_counts': {'":': 0, '<': 136, '<?xml version=': 0, '>': 136, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7369649', 'n_tokens_mistral': 1792, 'n_tokens_neox': 1740, 'n_words': 317}