HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

style: swap instance icons in the ticker and info page

Browse source
This commit is contained in:
naskya 2024-06-14 02:19:08 +09:00
parent 66fa263ffd
commit 6fc6f80fef
No known key found for this signature in database
GPG key ID: 712D413B3A9FED5C
2 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/client/src/components/MkInstanceTicker.vue
View file

@ -78,8 +78,8 @@ const bg = {
function getInstanceIcon(instance): string { function getInstanceIcon(instance): string {
return ( return (
getProxiedImageUrlNullable(instance.iconUrl, "preview") ??
getProxiedImageUrlNullable(instance.faviconUrl, "preview") ?? getProxiedImageUrlNullable(instance.faviconUrl, "preview") ??
getProxiedImageUrlNullable(instance.iconUrl, "preview") ??
"/client-assets/dummy.png" "/client-assets/dummy.png"
); );
} }

10
packages/client/src/pages/instance-info.vue
View file

@ -31,7 +31,7 @@
<swiper-slide> <swiper-slide>
<div class="_formRoot"> <div class="_formRoot">
<div class="fnfelxur"> <div class="fnfelxur">
<img :src="faviconUrl" alt="" class="icon" /> <img :src="iconUrl" alt="" class="icon" />
<span class="name">{{ <span class="name">{{
instance.name || `(${i18n.ts.unknown})` instance.name || `(${i18n.ts.unknown})`
}}</span> }}</span>
@ -310,7 +310,7 @@ const instance = ref<AugmentedInstance | null>(null);
const suspended = ref(false); const suspended = ref(false);
const isBlocked = ref(false); const isBlocked = ref(false);
const isSilenced = ref(false); const isSilenced = ref(false);
const faviconUrl = ref<string | null>(null); const iconUrl = ref<string | null>(null);
const usersPagination = { const usersPagination = {
endpoint: isAdmin ? ("admin/show-users" as const) : ("users" as const), endpoint: isAdmin ? ("admin/show-users" as const) : ("users" as const),
@ -332,9 +332,9 @@ async function fetch() {
suspended.value = instance.value.isSuspended; suspended.value = instance.value.isSuspended;
isBlocked.value = instance.value.isBlocked; isBlocked.value = instance.value.isBlocked;
isSilenced.value = instance.value.isSilenced; isSilenced.value = instance.value.isSilenced;
faviconUrl.value = iconUrl.value =
getProxiedImageUrlNullable(instance.value.faviconUrl, "preview") ?? getProxiedImageUrlNullable(instance.value.iconUrl, "preview") ??
getProxiedImageUrlNullable(instance.value.iconUrl, "preview"); getProxiedImageUrlNullable(instance.value.faviconUrl, "preview");
} }
async function toggleBlock() { async function toggleBlock() {