Fix errors

src/components/dialogs/SendBoopDialog.vue

@@ -5,101 +5,7 @@
         :title="t('dialog.boop_dialog.header')"
         width="450px"
         @close="closeDialog">
-        <el-select
+        <span>{{ displayName }}</span>
-            v-if="sendBoopDialog.visible"
-            v-model="sendBoopDialog.userId"
-            :placeholder="t('dialog.new_instance.instance_creator_placeholder')"
-            filterable
-            style="width: 100%">
-            <el-option-group v-if="vipFriends.length" :label="t('side_panel.favorite')">
-                <el-option
-                    v-for="friend in vipFriends"
-                    :key="friend.id"
-                    :label="friend.name"
-                    :value="friend.id"
-                    style="height: auto"
-                    class="x-friend-item">
-                    <template v-if="friend.ref">
-                        <div class="avatar" :class="userStatusClass(friend.ref)">
-                            <img :src="userImage(friend.ref)" loading="lazy" />
-                        </div>
-                        <div class="detail">
-                            <span
-                                class="name"
-                                :style="{ color: friend.ref.$userColour }"
-                                v-text="friend.ref.displayName"></span>
-                        </div>
-                    </template>
-                    <span v-else v-text="friend.id"></span>
-                </el-option>
-            </el-option-group>
-            <el-option-group v-if="onlineFriends.length" :label="t('side_panel.online')">
-                <el-option
-                    v-for="friend in onlineFriends"
-                    :key="friend.id"
-                    :label="friend.name"
-                    :value="friend.id"
-                    style="height: auto"
-                    class="x-friend-item">
-                    <template v-if="friend.ref">
-                        <div class="avatar" :class="userStatusClass(friend.ref)">
-                            <img :src="userImage(friend.ref)" loading="lazy" />
-                        </div>
-                        <div class="detail">
-                            <span
-                                class="name"
-                                :style="{ color: friend.ref.$userColour }"
-                                v-text="friend.ref.displayName"></span>
-                        </div>
-                    </template>
-                    <span v-else v-text="friend.id"></span>
-                </el-option>
-            </el-option-group>
-            <el-option-group v-if="activeFriends.length" :label="t('side_panel.active')">
-                <el-option
-                    v-for="friend in activeFriends"
-                    :key="friend.id"
-                    :label="friend.name"
-                    :value="friend.id"
-                    style="height: auto"
-                    class="x-friend-item">
-                    <template v-if="friend.ref">
-                        <div class="avatar">
-                            <img :src="userImage(friend.ref)" loading="lazy" />
-                        </div>
-                        <div class="detail">
-                            <span
-                                class="name"
-                                :style="{ color: friend.ref.$userColour }"
-                                v-text="friend.ref.displayName"></span>
-                        </div>
-                    </template>
-                    <span v-else v-text="friend.id"></span>
-                </el-option>
-            </el-option-group>
-            <el-option-group v-if="offlineFriends.length" :label="t('side_panel.offline')">
-                <el-option
-                    v-for="friend in offlineFriends"
-                    :key="friend.id"
-                    :label="friend.name"
-                    :value="friend.id"
-                    style="height: auto"
-                    class="x-friend-item">
-                    <template v-if="friend.ref">
-                        <div class="avatar">
-                            <img :src="userImage(friend.ref)" loading="lazy" />
-                        </div>
-                        <div class="detail">
-                            <span
-                                class="name"
-                                :style="{ color: friend.ref.$userColour }"
-                                v-text="friend.ref.displayName"></span>
-                        </div>
-                    </template>
-                    <span v-else v-text="friend.id"></span>
-                </el-option>
-            </el-option-group>
-        </el-select>
 
         <br />
         <br />
@@ -108,7 +14,7 @@
             v-if="sendBoopDialog.visible"
             v-model="fileId"
             clearable
-            :placeholder="t('dialog.boop_dialog.select_emoji')"
+            :placeholder="t('dialog.boop_dialog.select_default_emoji')"
             size="small"
             style="width: 100%">
             <el-option-group :label="t('dialog.boop_dialog.default_emojis')">
@@ -178,12 +84,10 @@
     import { storeToRefs } from 'pinia';
     import { useI18n } from 'vue-i18n';
 
-    import { userImage, userStatusClass } from '../../shared/utils';
+    import { notificationRequest, userRequest } from '../../api';
     import { miscRequest } from '../../api';
-    import { notificationRequest } from '../../api';
     import { photonEmojis } from '../../shared/constants/photon.js';
     import { redirectToToolsTab } from '../../shared/utils/base/ui';
-    import { useFriendStore } from '../../stores';
     import { useGalleryStore } from '../../stores';
     import { useNotificationStore } from '../../stores';
     import { useUserStore } from '../../stores/user.js';
@@ -196,15 +100,21 @@
     const { notificationTable } = storeToRefs(useNotificationStore());
     const { showGalleryDialog, refreshEmojiTable } = useGalleryStore();
     const { emojiTable } = storeToRefs(useGalleryStore());
-    const { vipFriends, onlineFriends, activeFriends, offlineFriends } = useFriendStore();
     const { isLocalUserVrcPlusSupporter } = storeToRefs(useUserStore());
 
     const fileId = ref('');
+    const displayName = ref('');
 
     watch(
         () => sendBoopDialog.value.visible,
         (visible) => {
-            if (visible && emojiTable.value.length === 0) {
+            if (visible) {
+                displayName.value = '';
+                userRequest.getCachedUser({ userId: sendBoopDialog.value.userId }).then((user) => {
+                    displayName.value = user.ref.displayName;
+                });
+            }
+            if (visible && isLocalUserVrcPlusSupporter && emojiTable.value.length === 0) {
                 refreshEmojiTable();
             }
         }

src/localization/en/en.json

@@ -1686,7 +1686,7 @@
         "boop_dialog": {
             "header": "Boop",
             "emoji_manager": "Emoji Manager",
-            "select_emoji": "Select Emoji",
+            "select_default_emoji": "Select Default Emoji",
             "my_emojis": "My Emojis",
             "default_emojis": "Default Emojis",
             "cancel": "Cancel",

src/stores/vrcStatus.js

@@ -75,7 +75,6 @@ export const useVrcStatusStore = defineStore('VrcStatus', () => {
             }
         });
         lastTimeFetched.value = Date.now();
-        const data = JSON.parse(response.data);
         if (response.status !== 200) {
             console.error('Failed to fetch VRChat status', response);
             lastStatus.value = 'Failed to fetch VRC status';
@@ -83,6 +82,7 @@ export const useVrcStatusStore = defineStore('VrcStatus', () => {
             updateAlert();
             return;
         }
+        const data = JSON.parse(response.data);
         lastStatusTime.value = new Date(data.page.updated_at);
         if (data.status.description === 'All Systems Operational') {
             lastStatus.value = '';

src/views/Favorites/components/FavoritesWorldTab.vue

@@ -296,7 +296,10 @@
 
     const sliceWorldFavorites = computed(() => {
         return (group) => {
-            return groupedByGroupKeyFavoriteWorlds.value[group].slice(0, sliceWorldFavoritesLoadMoreNumber.value);
+            if (groupedByGroupKeyFavoriteWorlds.value[group]) {
+                return groupedByGroupKeyFavoriteWorlds.value[group].slice(0, sliceWorldFavoritesLoadMoreNumber.value);
+            }
+            return [];
         };
     });