From 9727a03f051a74563464032510bda905a043ba99 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Tue, 2 May 2023 15:07:46 -0400
Subject: [PATCH] Add tooltips to visibility icons (#9598)

---
 packages/client/src/components/MkVisibility.vue | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/MkVisibility.vue b/packages/client/src/components/MkVisibility.vue
index 04fd6aaef2..faf06668c2 100644
--- a/packages/client/src/components/MkVisibility.vue
+++ b/packages/client/src/components/MkVisibility.vue
@@ -1,9 +1,14 @@
 <template>
 	<span v-if="note.visibility !== 'public'" :class="$style.visibility">
-		<i v-if="note.visibility === 'home'" class="ph-house ph-bold ph-lg"></i>
+		<i 
+			v-if="note.visibility === 'home'"
+			class="ph-house ph-bold ph-lg"
+			v-tooltip="i18n.ts._visibility.home"
+		></i>
 		<i
 			v-else-if="note.visibility === 'followers'"
 			class="ph-lock-simple-open ph-bold ph-lg"
+			v-tooltip="i18n.ts._visibility.followers"
 		></i>
 		<i
 			v-else-if="note.visibility === 'specified'"
@@ -12,7 +17,10 @@
 		></i>
 	</span>
 	<span v-if="note.localOnly" :class="$style.localOnly"
-		><i class="ph-hand-fist ph-bold ph-lg"></i
+		><i 
+			class="ph-hand-fist ph-bold ph-lg"
+			v-tooltip="i18n.ts._visibility.localOnly"
+		></i
 	></span>
 </template>
 
@@ -21,6 +29,7 @@ import { ref } from "vue";
 import XDetails from "@/components/MkUsersTooltip.vue";
 import * as os from "@/os";
 import { useTooltip } from "@/scripts/use-tooltip";
+import { i18n } from "@/i18n";
 
 const props = defineProps<{
 	note: {