MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-02 04:56:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

add img fallback

Browse Source
This commit is contained in:
pa
2026-03-15 18:04:20 +09:00
parent 0357e81a78
commit cc08f29800
37 changed files with 469 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Sidebar/components/FriendItem.vue
+1 -1
View File
@@ -76,7 +76,7 @@
import Location from '@/components/Location.vue';
import Timer from '@/components/Timer.vue';
import { useAppearanceSettingsStore, useFriendStore, useUserStore } from '../../../stores';
import { useAppearanceSettingsStore, useFriendStore } from '../../../stores';
import { useUserDisplay } from '../../../composables/useUserDisplay';
import '@/styles/status-icon.css';
src/views/Sidebar/components/FriendsSidebar.vue
+8 -5
View File
@@ -36,10 +36,12 @@
<div
class="relative inline-block flex-none size-9 mr-2.5"
:class="userStatusClass(currentUser)">
<img
class="size-full rounded-full object-cover"
:src="userImage(currentUser)"
loading="lazy" />
<Avatar class="size-full rounded-full">
<AvatarImage :src="userImage(currentUser)" class="object-cover" />
<AvatarFallback>
<User class="size-5 text-muted-foreground" />
</AvatarFallback>
</Avatar>
</div>
<div class="flex-1 overflow-hidden h-9 flex flex-col justify-between">
<span
@@ -176,7 +178,7 @@
<script setup>
import { computed, nextTick, onMounted, reactive, ref, watch } from 'vue';
import { ChevronDown } from 'lucide-vue-next';
import { ChevronDown, User } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
@@ -193,6 +195,7 @@
ContextMenuSubTrigger,
ContextMenuTrigger
} from '../../../components/ui/context-menu';
import { Avatar, AvatarFallback, AvatarImage } from '../../../components/ui/avatar';
import {
useAdvancedSettingsStore,
useAppearanceSettingsStore,
src/views/Sidebar/components/GroupsSidebar.vue
+8 -5
View File
@@ -37,10 +37,12 @@
@click="showGroupDialog(item.row.ownerId)">
<template v-if="item.row.isVisible">
<div class="relative inline-block flex-none size-9 mr-2.5">
<img
class="size-full rounded-full object-cover"
:src="getSmallGroupIconUrl(item.row.iconUrl)"
loading="lazy" />
<Avatar class="size-9">
<AvatarImage :src="getSmallGroupIconUrl(item.row.iconUrl)" class="object-cover" />
<AvatarFallback>
<Users class="size-4 text-muted-foreground" />
</AvatarFallback>
</Avatar>
</div>
<div class="flex-1 overflow-hidden">
<span class="block truncate font-medium leading-[18px]">
@@ -82,7 +84,8 @@
<script setup>
import { computed, nextTick, onMounted, ref, watch } from 'vue';
import { ChevronDown } from 'lucide-vue-next';
import { ChevronDown, Users } from 'lucide-vue-next';
import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';
src/views/Sidebar/components/__tests__/FriendsSidebar.test.js
+2 -1
View File
@@ -206,7 +206,8 @@ vi.mock('../FriendItem.vue', () => ({
}));
vi.mock('lucide-vue-next', () => ({
ChevronDown: { template: '<span data-testid="chevron" />' }
ChevronDown: { template: '<span data-testid="chevron" />' },
User: { template: '<i />' }
}));
import FriendsSidebar from '../FriendsSidebar.vue';
src/views/Sidebar/components/__tests__/GroupsSidebar.test.js
+2 -1
View File
@@ -117,7 +117,8 @@ vi.mock('../../../../components/Location.vue', () => ({
}));
vi.mock('lucide-vue-next', () => ({
ChevronDown: { template: '<i />' }
ChevronDown: { template: '<i />' },
Users: { template: '<i />' }
}));
import GroupsSidebar from '../GroupsSidebar.vue';