fix: add skinChange output onto picker component, fire on skin select

scttcper · Sep 6, 2018 · b2b7d24 · b2b7d24
1 parent 0e8e873
commit b2b7d24
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/lib/picker/picker.component.ts b/src/lib/picker/picker.component.ts
@@ -84,6 +84,7 @@ export class PickerComponent implements OnInit {
   @Input() searchIcons = icons.search;
   @Output() emojiClick = new EventEmitter<any>();
   @Output() emojiSelect = new EventEmitter<any>();
+  @Output() skinChange = new EventEmitter<Emoji['skin']>();
   @ViewChild('scrollRef') private scrollRef!: ElementRef;
   @ViewChild('previewRef') private previewRef!: PreviewComponent;
   @ViewChild('searchRef') private searchRef!: SearchComponent;
@@ -375,5 +376,6 @@ export class PickerComponent implements OnInit {
   handleSkinChange(skin: Emoji['skin']) {
     this.skin = skin;
     localStorage.setItem(`${this.NAMESPACE}.skin`, String(skin));
+    this.skinChange.emit(skin);
   }
 }