From c926c6a01578957da9f25c54c7b7201a5f3e673b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=BE=E3=81=A3=E3=81=A1=E3=82=83=E3=81=A8=E3=83=BC?=
 =?UTF-8?q?=E3=81=AB=E3=82=85?=
 <17376330+u1-liquid@users.noreply.github.com>
Date: Mon, 1 Apr 2024 21:30:35 +0900
Subject: [PATCH] =?UTF-8?q?fix(skeb/role):=20Skeb=E3=83=AD=E3=83=BC?=
 =?UTF-8?q?=E3=83=AB=E3=81=AE=E3=83=90=E3=83=83=E3=82=B8=E3=82=92=E3=82=AF?=
 =?UTF-8?q?=E3=83=AA=E3=83=83=E3=82=AF=E3=81=A7=E3=81=8D=E3=82=8B=E3=81=93?=
 =?UTF-8?q?=E3=81=A8=E3=82=92=E3=82=8F=E3=81=8B=E3=82=8B=E3=82=88=E3=81=86?=
 =?UTF-8?q?=E3=81=AB=E3=82=AB=E3=83=BC=E3=82=BD=E3=83=AB=E3=82=92=E5=A4=89?=
 =?UTF-8?q?=E6=9B=B4=20(MisskeyIO#594)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/MkRoleBadgeIcon.vue         | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/packages/frontend/src/components/MkRoleBadgeIcon.vue b/packages/frontend/src/components/MkRoleBadgeIcon.vue
index e4bafe6bc4..b1b6cc51b7 100644
--- a/packages/frontend/src/components/MkRoleBadgeIcon.vue
+++ b/packages/frontend/src/components/MkRoleBadgeIcon.vue
@@ -1,9 +1,9 @@
 <template>
-<img ref="el" :src="role.iconUrl!" @click="onClick(role)"/>
+<img ref="el" :src="role.iconUrl!" :style="style" @click="onClick(role)"/>
 </template>
 
 <script setup lang="ts">
-import { defineAsyncComponent, ref } from 'vue';
+import { computed, defineAsyncComponent, ref } from 'vue';
 import * as Misskey from 'misskey-js';
 import * as os from '@/os.js';
 import { instance } from '@/instance.js';
@@ -29,7 +29,7 @@ async function fetchSkebStatus() {
 
 if (props.role.behavior === 'skeb') {
 	useTooltip(el, async (showing) => {
-		if (userSkebStatus.value == null) {
+		if (userSkebStatus.value === null) {
 			await fetchSkebStatus();
 		}
 
@@ -43,13 +43,21 @@ if (props.role.behavior === 'skeb') {
 	});
 }
 
+const style = computed(() => {
+	if (props.role.behavior === 'skeb' && userSkebStatus.value !== null) {
+		return 'cursor: pointer;';
+	} else {
+		return undefined;
+	}
+});
+
 async function onClick(role: { name: string, iconUrl: string | null, displayOrder: number, behavior?: string }) {
 	if (role.behavior === 'skeb') {
-		if (userSkebStatus.value == null) {
+		if (userSkebStatus.value === null) {
 			await fetchSkebStatus();
 		}
 
-		if (userSkebStatus.value != null) {
+		if (userSkebStatus.value !== null) {
 			window.open(`https://skeb.jp/@${userSkebStatus.value.screenName}`, '_blank', 'noopener');
 		}
 	}