chore: bring emoji input in scope

debug: remove button
chore: revert emoji input usage
2024-10-05 20:28:27 +05:30 · 2024-10-05 20:19:44 +05:30 · 2024-10-05 20:09:02 +05:30 · 2024-10-05 20:08:01 +05:30 · 2024-10-05 19:57:36 +05:30 · 2024-10-05 19:42:13 +05:30
2 changed files with 9 additions and 13 deletions
@@ -1,11 +1,8 @@
 <script>
 import emojis from './emojisGroup.json';
-import FluentIcon from 'shared/components/FluentIcon/Index.vue';
-import WootButton from 'dashboard/components/ui/WootButton.vue';
 const SEARCH_KEY = 'Search';

 export default {
-  components: { FluentIcon, WootButton },
  props: {
    onClick: {
      type: Function,
@@ -98,7 +95,7 @@ export default {
          class="emoji-search--input focus:box-shadow-blue dark:focus:box-shadow-dark !mb-0 !h-8 !text-sm"
          :placeholder="$t('EMOJI.PLACEHOLDER')"
        />
-        <WootButton
+        <button
          v-if="showRemoveButton"
          size="small"
          variant="smooth"
@@ -107,7 +104,7 @@ export default {
          @click="onClick('')"
        >
          {{ $t('EMOJI.REMOVE') }}
-        </WootButton>
+        </button>
      </div>
      <div v-if="hasNoSearch" ref="emojiItem" class="emoji-item">
        <h5 class="emoji-category--title">
@@ -142,7 +139,7 @@ export default {
        </div>
        <div v-if="hasEmptySearchResult" class="empty-message">
          <div class="emoji-icon">
-            <FluentIcon icon="emoji" size="48" />
+            <span class="i-lucide-smile size-12" />
          </div>
          <span class="empty-message--text">
            {{ $t('EMOJI.NOT_FOUND') }}
@@ -158,10 +155,8 @@ export default {
              :class="{ active: selectedKey === 'Search' }"
              @click="changeCategory('Search')"
            >
-              <FluentIcon
-                icon="search"
-                size="16"
-                class="text-slate-700 dark:text-slate-100"
+              <span
+                class="i-lucide-search size-4 text-slate-700 dark:text-slate-100"
              />
            </button>
          </li>
@@ -1,4 +1,5 @@
 <script>
+import { defineAsyncComponent } from 'vue';
 import { mapGetters } from 'vuex';

 import ChatAttachmentButton from 'widget/components/ChatAttachment.vue';
@@ -8,14 +9,14 @@ import FluentIcon from 'shared/components/FluentIcon/Index.vue';
 import ResizableTextArea from 'shared/components/ResizableTextArea.vue';
 import { useDarkMode } from 'widget/composables/useDarkMode';

-import EmojiInput from 'shared/components/emoji/EmojiInput.vue';
-
 export default {
  name: 'ChatInputWrap',
  components: {
    ChatAttachmentButton,
    ChatSendButton,
-    EmojiInput,
+    EmojiInput: defineAsyncComponent(
+      () => import('shared/components/emoji/EmojiInput.vue')
+    ),
    FluentIcon,
    ResizableTextArea,
  },
Author	SHA1	Message	Date
Shivam Mishra	bea704b851	chore: bring emoji input in scope	2024-10-05 20:28:27 +05:30
Shivam Mishra	e17d0cee42	debug: remove button	2024-10-05 20:19:44 +05:30
Shivam Mishra	fc7ea52e39	chore: revert emoji input usage	2024-10-05 20:09:02 +05:30
Shivam Mishra	fae9c5439d	fix: get ride of fluent icon	2024-10-05 20:08:01 +05:30
Shivam Mishra	6cbdcac0b9	debug: remove more components	2024-10-05 19:57:36 +05:30
Shivam Mishra	a64a307eb3	chore: don't include emoji	2024-10-05 19:42:13 +05:30
Shivam Mishra	df27873e7b	chore: put define component in scope	2024-10-05 19:33:52 +05:30
Shivam Mishra	9964daae2b	chore: add router check	2024-10-05 19:25:14 +05:30
Shivam Mishra	5a14b836a1	debug: don't pass on click	2024-10-05 19:11:02 +05:30
Shivam Mishra	63397816a6	fix: use async	2024-10-05 18:57:41 +05:30