diff options
Diffstat (limited to 'packages/client/src/components/MkVisibility.vue')
| -rw-r--r-- | packages/client/src/components/MkVisibility.vue | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/packages/client/src/components/MkVisibility.vue b/packages/client/src/components/MkVisibility.vue deleted file mode 100644 index 739720bf91..0000000000 --- a/packages/client/src/components/MkVisibility.vue +++ /dev/null @@ -1,47 +0,0 @@ -<template> -<span v-if="note.visibility !== 'public'" :class="$style.visibility"> - <i v-if="note.visibility === 'home'" class="fas fa-home"></i> - <i v-else-if="note.visibility === 'followers'" class="fas fa-unlock"></i> - <i v-else-if="note.visibility === 'specified'" ref="specified" class="fas fa-envelope"></i> -</span> -<span v-if="note.localOnly" :class="$style.localOnly"><i class="fas fa-biohazard"></i></span> -</template> - -<script lang="ts" setup> -import { ref } from 'vue'; -import XDetails from '@/components/MkUsersTooltip.vue'; -import * as os from '@/os'; -import { useTooltip } from '@/scripts/use-tooltip'; - -const props = defineProps<{ - note: { - visibility: string; - localOnly?: boolean; - visibleUserIds?: string[]; - }, -}>(); - -const specified = $ref<HTMLElement>(); - -if (props.note.visibility === 'specified') { - useTooltip($$(specified), async (showing) => { - const users = await os.api('users/show', { - userIds: props.note.visibleUserIds, - limit: 10, - }); - - os.popup(XDetails, { - showing, - users, - count: props.note.visibleUserIds.length, - targetElement: specified, - }, {}, 'closed'); - }); -} -</script> - -<style lang="scss" module> -.visibility, .localOnly { - margin-left: 0.5em; -} -</style> |