Browse Source

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
factor2
Sam Joe Chalissery 11 months ago
parent
commit
71de1d1e2d
No account linked to committer's email address

+ 2
- 2
css/_reactions-menu.scss View File

1
 @use 'sass:math';
1
 @use 'sass:math';
2
 
2
 
3
 .reactions-menu {
3
 .reactions-menu {
4
-	width: 280px;
4
+	width: 330px;
5
 	background: #242528;
5
 	background: #242528;
6
 	box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.6), 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
6
 	box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.6), 0px 0px 4px 1px rgba(0, 0, 0, 0.25);
7
 	border-radius: 6px;
7
 	border-radius: 6px;
8
 	padding: 16px;
8
 	padding: 16px;
9
 
9
 
10
 	&.with-gif {
10
 	&.with-gif {
11
-		width: 328px;
11
+		width: 380px;
12
 
12
 
13
 		.reactions-row .toolbox-button:last-of-type {
13
 		.reactions-row .toolbox-button:last-of-type {
14
 			top: 3px;
14
 			top: 3px;

+ 3
- 0
lang/main.json View File

1246
             "lobbyButton": "Enable/disable lobby mode",
1246
             "lobbyButton": "Enable/disable lobby mode",
1247
             "localRecording": "Toggle local recording controls",
1247
             "localRecording": "Toggle local recording controls",
1248
             "lockRoom": "Toggle meeting password",
1248
             "lockRoom": "Toggle meeting password",
1249
+            "love": "Heart",
1249
             "lowerHand": "Lower your hand",
1250
             "lowerHand": "Lower your hand",
1250
             "moreActions": "More actions",
1251
             "moreActions": "More actions",
1251
             "moreActionsMenu": "More actions menu",
1252
             "moreActionsMenu": "More actions menu",
1335
         "lobbyButtonEnable": "Enable lobby mode",
1336
         "lobbyButtonEnable": "Enable lobby mode",
1336
         "login": "Log-in",
1337
         "login": "Log-in",
1337
         "logout": "Log-out",
1338
         "logout": "Log-out",
1339
+        "love": "Heart",
1338
         "lowerYourHand": "Lower your hand",
1340
         "lowerYourHand": "Lower your hand",
1339
         "moreActions": "More actions",
1341
         "moreActions": "More actions",
1340
         "moreOptions": "More options",
1342
         "moreOptions": "More options",
1360
         "raiseYourHand": "Raise your hand",
1362
         "raiseYourHand": "Raise your hand",
1361
         "reactionBoo": "Send boo reaction",
1363
         "reactionBoo": "Send boo reaction",
1362
         "reactionClap": "Send clap reaction",
1364
         "reactionClap": "Send clap reaction",
1365
+        "reactionHeart": "Send heart reaction",
1363
         "reactionLaugh": "Send laugh reaction",
1366
         "reactionLaugh": "Send laugh reaction",
1364
         "reactionLike": "Send thumbs up reaction",
1367
         "reactionLike": "Send thumbs up reaction",
1365
         "reactionSilence": "Send silence reaction",
1368
         "reactionSilence": "Send silence reaction",

+ 16
- 0
react/features/reactions/constants.ts View File

1
 import {
1
 import {
2
     BOO_SOUND_FILES,
2
     BOO_SOUND_FILES,
3
     CLAP_SOUND_FILES,
3
     CLAP_SOUND_FILES,
4
+    HEART_SOUND_FILES,
4
     LAUGH_SOUND_FILES,
5
     LAUGH_SOUND_FILES,
5
     LIKE_SOUND_FILES,
6
     LIKE_SOUND_FILES,
6
     SILENCE_SOUND_FILES,
7
     SILENCE_SOUND_FILES,
92
  */
93
  */
93
 export const SILENCE_SOUND_ID = `${REACTION_SOUND}_SILENCE_`;
94
 export const SILENCE_SOUND_ID = `${REACTION_SOUND}_SILENCE_`;
94
 
95
 
96
+/**
97
+ * The audio ID of the audio element for which the {@link playAudio} action is
98
+ * triggered when a new raise hand event is received.
99
+ *
100
+ * @type {string}
101
+ */
102
+export const HEART_SOUND_ID = `${REACTION_SOUND}_HEART_`;
103
+
95
 /**
104
 /**
96
  * The audio ID of the audio element for which the {@link playAudio} action is
105
  * The audio ID of the audio element for which the {@link playAudio} action is
97
  * triggered when a new raise hand event is received.
106
  * triggered when a new raise hand event is received.
167
         shortcutChar: 'S',
176
         shortcutChar: 'S',
168
         soundId: SILENCE_SOUND_ID,
177
         soundId: SILENCE_SOUND_ID,
169
         soundFiles: SILENCE_SOUND_FILES
178
         soundFiles: SILENCE_SOUND_FILES
179
+    },
180
+    love: {
181
+        message: ':heart:',
182
+        emoji: '💖',
183
+        shortcutChar: 'H',
184
+        soundId: HEART_SOUND_ID,
185
+        soundFiles: HEART_SOUND_FILES
170
     }
186
     }
171
 };
187
 };
172
 
188
 

+ 7
- 0
react/features/reactions/sounds.ts View File

40
  */
40
  */
41
 export const SILENCE_SOUND_FILES = new Array(3).fill('reactions-crickets.mp3');
41
 export const SILENCE_SOUND_FILES = new Array(3).fill('reactions-crickets.mp3');
42
 
42
 
43
+/**
44
+ * The name of the bundled audio file which will be played for the heart reaction sound.
45
+ *
46
+ * @type {Array<string>}
47
+ */
48
+export const HEART_SOUND_FILES = new Array(3).fill('reactions-love.mp3');
49
+
43
 /**
50
 /**
44
  * The name of the bundled audio file which will be played for the raise hand sound.
51
  * The name of the bundled audio file which will be played for the raise hand sound.
45
  *
52
  *

BIN
sounds/reactions-love.mp3 View File


BIN
sounds/reactions-love.opus View File


Loading…
Cancel
Save