From 4c7cdf89fbe481e4f30a018c8cb4d46df78131df Mon Sep 17 00:00:00 2001
From: fly_mc <me@flymc.cc>
Date: Thu, 28 Nov 2024 03:17:31 +0800
Subject: [PATCH] frontend: fix emoji picker section

---
 .../frontend/src/components/MkEmojiPicker.section.vue     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontend/src/components/MkEmojiPicker.section.vue b/packages/frontend/src/components/MkEmojiPicker.section.vue
index c3c2b4fac..b026c0fd2 100644
--- a/packages/frontend/src/components/MkEmojiPicker.section.vue
+++ b/packages/frontend/src/components/MkEmojiPicker.section.vue
@@ -9,12 +9,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 <section v-if="!hasChildSection" v-panel style="border-radius: 6px; border-bottom: 0.5px solid var(--MI_THEME-divider);">
 	<header class="_acrylic" @click="shown = !shown">
 		<i class="toggle ti-fw" :class="shown ? 'ti ti-chevron-down' : 'ti ti-chevron-up'"></i>
-		<span class="emoji-example">
+		<span v-if="emojiExample" class="emoji-example">
 			<MkCustomEmoji v-if="emojiExample[0] === ':'" class="emoji" :name="emojiExample" :normal="true" :fallbackToImage="true"/>
 			<MkEmoji v-else class="emoji" :emoji="emojiExample" :normal="true"/>
 		</span>
 		<slot></slot>
-		(<i class="ph-smiley-sticker ph-bold ph-lg"></i>:{{ emojis.length }})
+		(<i class="ti ti-mood-smile"></i>:{{ emojis.length }})
 	</header>
 	<div v-if="shown" class="body">
 		<button
@@ -86,7 +86,7 @@ const emit = defineEmits<{
 }>();
 
 const emojis = computed(() => Array.isArray(props.emojis) ? props.emojis : props.emojis.value);
-const emojiExample = computed(() => emojis.value[0]);
+const emojiExample = computed(() => emojis.value[0] || '');
 
 const shown = ref(!!props.initialShown);
 
@@ -110,4 +110,4 @@ function nestedChosen(emoji: string, ev: MouseEvent) {
 		height: 25px;
 	}
 }
-</style>
\ No newline at end of file
+</style>