client: add tooltips to visibility icons

Changelog: Changed
This commit is contained in:
Sam Smucny 2022-12-08 00:57:23 -05:00 committed by Johann150
parent d4d1e03479
commit 21069223e3
Signed by untrusted user: Johann150
GPG key ID: 9EE6577A2A06F8F1

View file

@ -1,16 +1,19 @@
<template> <template>
<span v-if="note.visibility !== 'public'" :class="$style.visibility"> <span v-if="note.visibility !== 'public'" :class="$style.visibility" :title="i18n.ts._visibility[note.visibility]">
<i v-if="note.visibility === 'home'" class="fas fa-home"></i> <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 === 'followers'" class="fas fa-unlock"></i>
<i v-else-if="note.visibility === 'specified'" ref="specified" class="fas fa-envelope"></i> <i v-else-if="note.visibility === 'specified'" ref="specified" class="fas fa-envelope"></i>
</span> </span>
<span v-if="note.localOnly" :class="$style.localOnly"><i class="fas fa-biohazard"></i></span> <span v-if="note.localOnly" :class="$style.localOnly" :title="i18n.ts._visibility['localOnly']">
<i class="fas fa-biohazard"></i>
</span>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import XDetails from '@/components/users-tooltip.vue'; import XDetails from '@/components/users-tooltip.vue';
import * as os from '@/os'; import * as os from '@/os';
import { useTooltip } from '@/scripts/use-tooltip'; import { useTooltip } from '@/scripts/use-tooltip';
import { i18n } from '@/i18n';
const props = defineProps<{ const props = defineProps<{
note: { note: {