(refactor) rename emoji picker component

Author: antoine92190

…/components/EmojiPicker/EmojiPicker.scss …ickerContainer/EmojiPickerContainer.scsssrc/components/EmojiPicker/EmojiPicker.scss renamed to src/components/EmojiPickerContainer/EmojiPickerContainer.scss src/components/EmojiPicker/EmojiPicker.scss renamed to src/components/EmojiPickerContainer/EmojiPickerContainer.scss

@@ -31,9 +31,12 @@
 
 <script>
 import SvgIcon from '../SvgIcon/SvgIcon'
+import { EmojiPicker } from 'emoji-picker-element'
 
 export default {
+	name: 'EmojiPickerContainer',
 	components: {
+		EmojiPicker,
 		SvgIcon
 	},
 

…c/components/EmojiPicker/EmojiPicker.vue …PickerContainer/EmojiPickerContainer.vuesrc/components/EmojiPicker/EmojiPicker.vue renamed to src/components/EmojiPickerContainer/EmojiPickerContainer.vue src/components/EmojiPicker/EmojiPicker.vue renamed to src/components/EmojiPickerContainer/EmojiPickerContainer.vue

@@ -31,7 +31,7 @@
 					</slot>
 				</div>
 
-				<emoji-picker
+				<emoji-picker-container
 					v-if="isMessageReactions"
 					key="3"
 					v-click-outside="closeEmoji"
@@ -47,7 +47,7 @@
 					<template #emoji-picker-icon>
 						<slot name="emoji-picker-reaction-icon" />
 					</template>
-				</emoji-picker>
+				</emoji-picker-container>
 			</transition-group>
 		</div>
 
@@ -85,13 +85,13 @@
 import vClickOutside from 'v-click-outside'
 
 import SvgIcon from '../../../components/SvgIcon/SvgIcon'
-import EmojiPicker from '../../../components/EmojiPicker/EmojiPicker'
+import EmojiPickerContainer from '../../../components/EmojiPickerContainer/EmojiPickerContainer'
 
 const { isImageFile } = require('../../../utils/media-file')
 
 export default {
 	name: 'MessageActions',
-	components: { SvgIcon, EmojiPicker },
+	components: { SvgIcon, EmojiPickerContainer },
 
 	directives: {
 		clickOutside: vClickOutside.directive

src/lib/Message/MessageActions/MessageActions.vue

@@ -270,7 +270,7 @@
 						</slot>
 					</div>
 
-					<emoji-picker
+					<emoji-picker-container
 						v-if="showEmojis && (!file || imageFile || videoFile)"
 						v-click-outside="() => (emojiOpened = false)"
 						:emoji-opened="emojiOpened"
@@ -281,7 +281,7 @@
 						<template v-for="(i, name) in $scopedSlots" #[name]="data">
 							<slot :name="name" v-bind="data" />
 						</template>
-					</emoji-picker>
+					</emoji-picker-container>
 
 					<div
 						v-if="showFiles"
@@ -335,7 +335,7 @@ import { Database } from 'emoji-picker-element'
 
 import Loader from '../../components/Loader/Loader'
 import SvgIcon from '../../components/SvgIcon/SvgIcon'
-import EmojiPicker from '../../components/EmojiPicker/EmojiPicker'
+import EmojiPickerContainer from '../../components/EmojiPickerContainer/EmojiPickerContainer'
 
 import RoomHeader from './RoomHeader/RoomHeader'
 import RoomMessageReply from './RoomMessageReply/RoomMessageReply'
@@ -365,7 +365,7 @@ export default {
 		InfiniteLoading,
 		Loader,
 		SvgIcon,
-		EmojiPicker,
+		EmojiPickerContainer,
 		RoomHeader,
 		RoomMessageReply,
 		RoomUsersTag,

src/lib/Room/Room.vue

@@ -22,7 +22,7 @@
 @import '../lib/Message/MessageReactions/MessageReactions';
 @import '../lib/Message/MessageReply/MessageReply';
 
-@import '../components/EmojiPicker/EmojiPicker';
+@import '../components/EmojiPickerContainer/EmojiPickerContainer';
 @import '../components/FormatMessage/FormatMessage';
 @import '../components/Loader/Loader';
 @import '../components/SvgIcon/SvgIcon';