From e8d4551dba5d7a20da4ee6bd4a12e11bfc70bffd Mon Sep 17 00:00:00 2001
From: Infinitay <Infinitay@users.noreply.github.com>
Date: Thu, 5 Oct 2023 19:43:51 -0400
Subject: [PATCH] emote-card: Uncensor unlisted emote via indicator click

---
 src/components/utility/EmoteCard.vue | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/components/utility/EmoteCard.vue b/src/components/utility/EmoteCard.vue
index ab36c233..95659828 100644
--- a/src/components/utility/EmoteCard.vue
+++ b/src/components/utility/EmoteCard.vue
@@ -14,7 +14,9 @@
 		>
 			<div
 				class="img-wrapper"
-				:censor="!emote.state.includes('LISTED') && !actor.hasPermission(Permissions.EditAnyEmote)"
+				:censor="
+					!forceUncensor && !emote.state.includes('LISTED') && !actor.hasPermission(Permissions.EditAnyEmote)
+				"
 			>
 				<img v-if="src" :src="src" />
 			</div>
@@ -46,7 +48,19 @@
 
 				<TransitionGroup name="fade">
 					<div v-for="ind of indicators" :key="ind.icon" class="state-indicator">
-						<div v-tooltip="ind.tooltip" v-tooltip:position="'right-end'">
+						<div
+							v-if="ind.tooltip === 'Unlisted'"
+							v-tooltip="ind.tooltip"
+							v-tooltip:position="'right-end'"
+							:style="{ cursor: 'pointer' }"
+							class="state-indicator unlisted-indicator"
+							@click="forceUncensor = !forceUncensor"
+						>
+							<div class="icon" :style="{ color: ind.color }">
+								<Icon :icon="ind.icon" />
+							</div>
+						</div>
+						<div v-else v-tooltip="ind.tooltip" v-tooltip:position="'right-end'">
 							<div class="icon" :style="{ color: ind.color }">
 								<Icon :icon="ind.icon" />
 							</div>
@@ -106,6 +120,7 @@ const { namedSets } = storeToRefs(useStore());
 const actor = useActor();
 
 const isUnavailable = ref(false);
+const forceUncensor = ref(false);
 
 const modal = useModal();
 const m = useMutationStore();