feat(reactions): Added heart reaction

* Added heart reaction feature

* Edits to preserve alphabetical sorting

* Changed the position of hide self view checkbox

* undid irrelevant changes made

* Fixed CSS issue + tooltip text

react/features/reactions/constants.ts

@@ -1,6 +1,7 @@
 import {
     BOO_SOUND_FILES,
     CLAP_SOUND_FILES,
+    HEART_SOUND_FILES,
     LAUGH_SOUND_FILES,
     LIKE_SOUND_FILES,
     SILENCE_SOUND_FILES,
@@ -92,6 +93,14 @@ export const SURPRISE_SOUND_ID = `${REACTION_SOUND}_SURPRISE_`;
  */
 export const SILENCE_SOUND_ID = `${REACTION_SOUND}_SILENCE_`;
 
+/**
+ * The audio ID of the audio element for which the {@link playAudio} action is
+ * triggered when a new raise hand event is received.
+ *
+ * @type {string}
+ */
+export const HEART_SOUND_ID = `${REACTION_SOUND}_HEART_`;
+
 /**
  * The audio ID of the audio element for which the {@link playAudio} action is
  * triggered when a new raise hand event is received.
@@ -167,6 +176,13 @@ export const REACTIONS: IReactions = {
         shortcutChar: 'S',
         soundId: SILENCE_SOUND_ID,
         soundFiles: SILENCE_SOUND_FILES
+    },
+    love: {
+        message: ':heart:',
+        emoji: '💖',
+        shortcutChar: 'H',
+        soundId: HEART_SOUND_ID,
+        soundFiles: HEART_SOUND_FILES
     }
 };
 

react/features/reactions/sounds.ts

@@ -40,6 +40,13 @@ export const SURPRISE_SOUND_FILES = new Array(3).fill('reactions-surprise.mp3');
  */
 export const SILENCE_SOUND_FILES = new Array(3).fill('reactions-crickets.mp3');
 
+/**
+ * The name of the bundled audio file which will be played for the heart reaction sound.
+ *
+ * @type {Array<string>}
+ */
+export const HEART_SOUND_FILES = new Array(3).fill('reactions-love.mp3');
+
 /**
  * The name of the bundled audio file which will be played for the raise hand sound.
  *