diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-16 14:18:11 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-16 14:18:11 +0900 |
| commit | 77e491f52c8ad1e2e8b2f956595d5fa98f38ad61 (patch) | |
| tree | 4b30886f8284347791e090b28dd633135aba4ea4 /packages/frontend/src/components/global | |
| parent | Update vite.config.ts (diff) | |
| download | misskey-77e491f52c8ad1e2e8b2f956595d5fa98f38ad61.tar.gz misskey-77e491f52c8ad1e2e8b2f956595d5fa98f38ad61.tar.bz2 misskey-77e491f52c8ad1e2e8b2f956595d5fa98f38ad61.zip | |
refactor
Diffstat (limited to 'packages/frontend/src/components/global')
| -rw-r--r-- | packages/frontend/src/components/global/MkAvatar.vue | 20 | ||||
| -rw-r--r-- | packages/frontend/src/components/global/MkPageHeader.vue | 4 |
2 files changed, 12 insertions, 12 deletions
diff --git a/packages/frontend/src/components/global/MkAvatar.vue b/packages/frontend/src/components/global/MkAvatar.vue index 670bb3b188..812f30439b 100644 --- a/packages/frontend/src/components/global/MkAvatar.vue +++ b/packages/frontend/src/components/global/MkAvatar.vue @@ -1,11 +1,11 @@ <template> -<span v-if="disableLink" v-user-preview="disablePreview ? undefined : user.id" :class="[$style.root, { [$style.cat]: user.isCat, [$style.square]: $store.state.squareAvatars }]" class="_noSelect" :style="{ color }" :title="acct(user)" @click="onClick"> +<span v-if="!link" v-user-preview="preview ? user.id : undefined" :class="[$style.root, { [$style.cat]: user.isCat, [$style.square]: $store.state.squareAvatars }]" class="_noSelect" :style="{ color }" :title="acct(user)" @click="onClick"> <img :class="$style.inner" :src="url" decoding="async"/> - <MkUserOnlineIndicator v-if="showIndicator" :class="$style.indicator" :user="user"/> + <MkUserOnlineIndicator v-if="indicator" :class="$style.indicator" :user="user"/> </span> -<MkA v-else v-user-preview="disablePreview ? undefined : user.id" class="_noSelect" :class="[$style.root, { [$style.cat]: user.isCat, [$style.square]: $store.state.squareAvatars }]" :style="{ color }" :to="userPage(user)" :title="acct(user)" :target="target"> +<MkA v-else v-user-preview="preview ? user.id : undefined" class="_noSelect" :class="[$style.root, { [$style.cat]: user.isCat, [$style.square]: $store.state.squareAvatars }]" :style="{ color }" :to="userPage(user)" :title="acct(user)" :target="target"> <img :class="$style.inner" :src="url" decoding="async"/> - <MkUserOnlineIndicator v-if="showIndicator" :class="$style.indicator" :user="user"/> + <MkUserOnlineIndicator v-if="indicator" :class="$style.indicator" :user="user"/> </MkA> </template> @@ -21,14 +21,14 @@ import { defaultStore } from '@/store'; const props = withDefaults(defineProps<{ user: misskey.entities.User; target?: string | null; - disableLink?: boolean; - disablePreview?: boolean; - showIndicator?: boolean; + link?: boolean; + preview?: boolean; + indicator?: boolean; }>(), { target: null, - disableLink: false, - disablePreview: false, - showIndicator: false, + link: false, + preview: false, + indicator: false, }); const emit = defineEmits<{ diff --git a/packages/frontend/src/components/global/MkPageHeader.vue b/packages/frontend/src/components/global/MkPageHeader.vue index f55c4f6a75..ab66502e06 100644 --- a/packages/frontend/src/components/global/MkPageHeader.vue +++ b/packages/frontend/src/components/global/MkPageHeader.vue @@ -1,11 +1,11 @@ <template> <div v-if="show" ref="el" :class="[$style.root, { [$style.slim]: narrow, [$style.thin]: thin_ }]" :style="{ background: bg }" @click="onClick"> <div v-if="narrow" :class="$style.buttonsLeft"> - <MkAvatar v-if="props.displayMyAvatar && $i" :class="$style.avatar" :user="$i" :disable-preview="true" :disable-link="true"/> + <MkAvatar v-if="props.displayMyAvatar && $i" :class="$style.avatar" :user="$i"/> </div> <template v-if="metadata"> <div v-if="!hideTitle" :class="$style.titleContainer" @click="showTabsPopup"> - <MkAvatar v-if="metadata.avatar" :class="$style.titleAvatar" :user="metadata.avatar" :disable-preview="true" :show-indicator="true" :disable-link="true"/> + <MkAvatar v-if="metadata.avatar" :class="$style.titleAvatar" :user="metadata.avatar" indicator/> <i v-else-if="metadata.icon" :class="[$style.titleIcon, metadata.icon]"></i> <div :class="$style.title"> |