KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Remove ionicons v2 dependency on widget (#3402)

Browse source
This commit is contained in:
Pranav Raj S 2021-11-18 15:18:51 +05:30 • committed by GitHub
parent c2b4991fd8
commit a3ba8f9e35
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 119 additions and 117 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/widget/components/ChatInputWrap.vue
View file

@ -23,13 +23,13 @@
/>
<button
v-if="hasEmojiPickerEnabled"
class="emoji-toggle"
class="icon-button flex justify-center items-center"
aria-label="Emoji picker"
@click="toggleEmojiPicker()"
@click="toggleEmojiPicker"
>
<i
class="icon ion-happy-outline"
:class="{ active: showEmojiPicker }"
<fluent-icon
icon="emoji"
:class="{ 'text-woot-500': showEmojiPicker }"
/>
</button>
<emoji-input
@ -50,11 +50,13 @@
<script>
import { mapGetters } from 'vuex';
import { mixin as clickaway } from 'vue-clickaway';
import ChatSendButton from 'widget/components/ChatSendButton.vue';
import ChatAttachmentButton from 'widget/components/ChatAttachment.vue';
import ResizableTextArea from 'shared/components/ResizableTextArea';
import EmojiInput from 'shared/components/emoji/EmojiInput';
import ChatSendButton from 'widget/components/ChatSendButton.vue';
import configMixin from '../mixins/configMixin';
import EmojiInput from 'shared/components/emoji/EmojiInput';
import FluentIcon from 'shared/components/FluentIcon/Index.vue';
import ResizableTextArea from 'shared/components/ResizableTextArea';
export default {
name: 'ChatInputWrap',
@ -62,6 +64,7 @@ export default {
ChatAttachmentButton,
ChatSendButton,
EmojiInput,
FluentIcon,
ResizableTextArea,
},
mixins: [clickaway, configMixin],
@ -178,14 +181,6 @@ export default {
}
}
.emoji-toggle {
@include button-size;
font-size: $font-size-large;
color: $color-gray;
cursor: pointer;
}
.emoji-dialog {
right: $space-one;
}