usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(skeb/role): Skebロールのバッジをクリックできることをわかるようにカーソルを変更 (MisskeyIO#594)

This commit is contained in:
まっちゃとーにゅ 2024-04-01 21:30:35 +09:00 committed by GitHub
parent 95838a036e
commit c926c6a015
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/frontend/src/components/MkRoleBadgeIcon.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<img ref="el" :src="role.iconUrl!" @click="onClick(role)"/> <img ref="el" :src="role.iconUrl!" :style="style" @click="onClick(role)"/>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { defineAsyncComponent, ref } from 'vue'; import { computed, defineAsyncComponent, ref } from 'vue';
import * as Misskey from 'misskey-js'; import * as Misskey from 'misskey-js';
import * as os from '@/os.js'; import * as os from '@/os.js';
import { instance } from '@/instance.js'; import { instance } from '@/instance.js';
@ -29,7 +29,7 @@ async function fetchSkebStatus() {
if (props.role.behavior === 'skeb') { if (props.role.behavior === 'skeb') {
useTooltip(el, async (showing) => { useTooltip(el, async (showing) => {
if (userSkebStatus.value == null) { if (userSkebStatus.value === null) {
await fetchSkebStatus(); 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 }) { async function onClick(role: { name: string, iconUrl: string | null, displayOrder: number, behavior?: string }) {
if (role.behavior === 'skeb') { if (role.behavior === 'skeb') {
if (userSkebStatus.value == null) { if (userSkebStatus.value === null) {
await fetchSkebStatus(); await fetchSkebStatus();
} }
if (userSkebStatus.value != null) { if (userSkebStatus.value !== null) {
window.open(`https://skeb.jp/@${userSkebStatus.value.screenName}`, '_blank', 'noopener'); window.open(`https://skeb.jp/@${userSkebStatus.value.screenName}`, '_blank', 'noopener');
} }
} }