From 2783fe5f5bd7c0647db9f9b6fb5e000e4f411092 Mon Sep 17 00:00:00 2001
From: Marie <marie@kaifa.ch>
Date: Mon, 15 Jul 2024 16:54:29 +0000
Subject: [PATCH] chore: nest ternary

---
 packages/frontend/src/components/MkUserInfo.vue  | 2 +-
 packages/frontend/src/components/MkUserPopup.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/MkUserInfo.vue b/packages/frontend/src/components/MkUserInfo.vue
index cbb82c236d..e63a2241a1 100644
--- a/packages/frontend/src/components/MkUserInfo.vue
+++ b/packages/frontend/src/components/MkUserInfo.vue
@@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div class="_panel" :class="$style.root">
-	<div :class="$style.banner" :style="user.bannerUrl && !defaultStore.state.disableShowingAnimatedImages ? `background-image: url(${user.bannerUrl})` : user.bannerUrl && defaultStore.state.disableShowingAnimatedImages ? `background-image: url(${getStaticImageUrl(user.bannerUrl)})` : ''"></div>
+	<div :class="$style.banner" :style="user.bannerUrl ? `background-image: url(${!defaultStore.state.disableShowingAnimatedImages ? user.bannerUrl : getStaticImageUrl(user.bannerUrl)})` : ''"></div>
 	<MkAvatar :class="$style.avatar" :user="user" indicator/>
 	<div :class="$style.title">
 		<MkA :class="$style.name" :to="userPage(user)"><MkUserName :user="user" :nowrap="false"/></MkA>
diff --git a/packages/frontend/src/components/MkUserPopup.vue b/packages/frontend/src/components/MkUserPopup.vue
index 8657716a9b..136e09dab8 100644
--- a/packages/frontend/src/components/MkUserPopup.vue
+++ b/packages/frontend/src/components/MkUserPopup.vue
@@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 >
 	<div v-if="showing" :class="$style.root" class="_popup _shadow" :style="{ zIndex, top: top + 'px', left: left + 'px' }" @mouseover="() => { emit('mouseover'); }" @mouseleave="() => { emit('mouseleave'); }">
 		<div v-if="user != null">
-			<div :class="$style.banner" :style="user.bannerUrl && !defaultStore.state.disableShowingAnimatedImages ? `background-image: url(${user.bannerUrl})` : user.bannerUrl && defaultStore.state.disableShowingAnimatedImages ? `background-image: url(${getStaticImageUrl(user.bannerUrl)})` : ''">
+			<div :class="$style.banner" :style="user.bannerUrl ? `background-image: url(${!defaultStore.state.disableShowingAnimatedImages ? user.bannerUrl : getStaticImageUrl(user.bannerUrl)})` : ''">
 				<span v-if="$i && $i.id != user.id && user.isFollowed" :class="$style.followed">{{ i18n.ts.followsYou }}</span>
 				<span v-if="user.isLocked && $i && $i.id != user.id && !user.isFollowing" :title="i18n.ts.isLocked" :class="$style.locked"><i class="ph-lock ph-bold ph-lg"></i></span>
 			</div>