user preferences - chord type

src/app/modules/user/info/info.component.ts

@@ -2,6 +2,7 @@ import {Component, OnInit} from '@angular/core';
 import {UserService} from '../../../services/user.service';
 import {Observable} from 'rxjs';
 import {User} from '../../../services/user';
+import {ChordMode} from '../../../widget-modules/components/song-text/song-text.component';
 
 @Component({
   selector: 'app-info',
@@ -18,4 +19,8 @@ export class InfoComponent implements OnInit {
     this.user$ = this.userService.user$;
   }
 
+  public async onChordModeChanged(uid: string, value: ChordMode): Promise<void> {
+    await this.userService.update$(uid, {chordMode: value});
+  }
+
 }