summaryrefslogtreecommitdiff
path: root/packages/client/src/components/MkVisibility.vue
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src/components/MkVisibility.vue')
-rw-r--r--packages/client/src/components/MkVisibility.vue47
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>