fix

src/views/Sidebar/Sidebar.vue

@@ -31,12 +31,12 @@
                                             }}</span>
                                             <span v-if="!item.ref.isFriend" class="block truncate text-xs"></span>
                                             <span
-                                                v-else-if="item.ref.state === 'offline'"
+                                                v-else-if="item.ref.state === 'active'"
                                                 class="block truncate text-xs"
                                                 >{{ t('side_panel.search_result_active') }}</span
                                             >
                                             <span
-                                                v-else-if="item.ref.state === 'active'"
+                                                v-else-if="item.ref.state === 'offline'"
                                                 class="block truncate text-xs"
                                                 >{{ t('side_panel.search_result_offline') }}</span
                                             >
@@ -120,7 +120,7 @@
     import { useI18n } from 'vue-i18n';
 
     import { useFriendStore, useGroupStore, useSearchStore } from '../../stores';
-    import { userImage } from '../../shared/utils';
+    import { debounce, userImage } from '../../shared/utils';
 
     import FriendsSidebar from './components/FriendsSidebar.vue';
     import GroupsSidebar from './components/GroupsSidebar.vue';
@@ -139,13 +139,18 @@
     const quickSearchQuery = ref('');
     const isQuickSearchOpen = ref(false);
 
-    watch(
-        quickSearchQuery,
-        (value) => {
-            quickSearchRemoteMethod(String(value ?? ''));
-        },
-        { immediate: true }
-    );
+    const runQuickSearch = debounce((value) => {
+        quickSearchRemoteMethod(value);
+    }, 200);
+
+    watch(quickSearchQuery, (value) => {
+        const query = String(value ?? '').trim();
+        if (!query) {
+            quickSearchRemoteMethod('');
+            return;
+        }
+        runQuickSearch(query);
+    });
 
     function handleQuickSearchSelect(value) {
         if (!value) {

src/views/Sidebar/components/FriendItem.vue

@@ -68,6 +68,9 @@
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
 
+    import Location from '@/components/Location.vue';
+    import Timer from '@/components/Timer.vue';
+
     import { useAppearanceSettingsStore, useFriendStore, useUserStore } from '../../../stores';
     import { userImage, userStatusClass } from '../../../shared/utils';
 

src/views/Sidebar/components/FriendsSidebar.vue

@@ -74,7 +74,7 @@
                             </template>
 
                             <template v-else-if="item.row.type === 'friend-item'">
-                                <friend-item
+                                <FriendItem
                                     :friend="item.row.friend"
                                     :style="item.row.itemStyle"
                                     :is-group-by-instance="item.row.isGroupByInstance" />