made EmojiBoard reusable

src/client/action/navigation.js

@@ -54,6 +54,14 @@ function openSettings() {
   });
 }
 
+function openEmojiBoard(cords, requestEmojiCallback) {
+  appDispatcher.dispatch({
+    type: cons.actions.navigation.OPEN_EMOJIBOARD,
+    cords,
+    requestEmojiCallback,
+  });
+}
+
 export {
   handleTabChange,
   selectRoom,
@@ -63,4 +71,5 @@ export {
   openCreateChannel,
   openInviteUser,
   openSettings,
+  openEmojiBoard,
 };

src/client/state/cons.js

@@ -16,6 +16,7 @@ const cons = {
       OPEN_CREATE_CHANNEL: 'OPEN_CREATE_CHANNEL',
       OPEN_INVITE_USER: 'OPEN_INVITE_USER',
       OPEN_SETTINGS: 'OPEN_SETTINGS',
+      OPEN_EMOJIBOARD: 'OPEN_EMOJIBOARD',
     },
     room: {
       JOIN: 'JOIN',
@@ -39,6 +40,7 @@ const cons = {
       CREATE_CHANNEL_OPENED: 'CREATE_CHANNEL_OPENED',
       INVITE_USER_OPENED: 'INVITE_USER_OPENED',
       SETTINGS_OPENED: 'SETTINGS_OPENED',
+      EMOJIBOARD_OPENED: 'EMOJIBOARD_OPENED',
     },
     roomList: {
       ROOMLIST_UPDATED: 'ROOMLIST_UPDATED',

src/client/state/navigation.js

@@ -48,6 +48,12 @@ class Navigation extends EventEmitter {
       [cons.actions.navigation.OPEN_SETTINGS]: () => {
         this.emit(cons.events.navigation.SETTINGS_OPENED);
       },
+      [cons.actions.navigation.OPEN_EMOJIBOARD]: () => {
+        this.emit(
+          cons.events.navigation.EMOJIBOARD_OPENED,
+          action.cords, action.requestEmojiCallback,
+        );
+      },
     };
     actions[action.type]?.();
   }