From 79f0dfd1c0a3754bc9bdf5817e641d1e7146371f Mon Sep 17 00:00:00 2001
From: "Calum H." <hendersoncal117@gmail.com>
Date: Wed, 14 May 2025 19:58:05 +0100
Subject: [PATCH] feat: hide nametag setting (impl)

---
 apps/app-frontend/src/pages/Skins.vue                   | 6 ++++--
 packages/ui/src/components/skin/SkinPreviewRenderer.vue | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/app-frontend/src/pages/Skins.vue b/apps/app-frontend/src/pages/Skins.vue
index 1c4e7f709..f560d35bc 100644
--- a/apps/app-frontend/src/pages/Skins.vue
+++ b/apps/app-frontend/src/pages/Skins.vue
@@ -7,12 +7,14 @@ import EditSkinModal from '@/components/ui/skin/EditSkinModal.vue'
 import type { Cape, Skin, SkinModel } from '@/helpers/skins.ts'
 import { get_available_skins, get_available_capes } from '@/helpers/skins.ts'
 import { handleError } from '@/store/notifications'
-import CapeButton from '@/components/ui/skin/CapeButton.vue'
 import SelectCapeModal from '@/components/ui/skin/SelectCapeModal.vue'
+import { get as getSettings } from "@/helpers/settings.ts";
 
 const editSkinModal = useTemplateRef('editSkinModal')
 const selectCapeModal = useTemplateRef('selectCapeModal')
 
+const settings = ref(await getSettings());
+
 const selectedSkin = ref('its_imb11')
 const previewSkin = computed(() => `https://vzge.me/processedskin/${selectedSkin.value}.png`)
 
@@ -91,7 +93,7 @@ async function loadSkins() {
         </div>
       </div>
       <div class="h-[80vh] flex items-center justify-center">
-        <SkinPreviewRenderer :model-src="'/src/assets/models/wide_player.gltf'" :nametag="selectedSkin" :texture-src="previewSkin" />
+        <SkinPreviewRenderer :model-src="'/src/assets/models/wide_player.gltf'" :nametag="settings.hide_nametag_skins_page ? undefined : selectedSkin" :texture-src="previewSkin" />
       </div>
     </div>
     <div class="flex flex-col gap-6 add-perspective">
diff --git a/packages/ui/src/components/skin/SkinPreviewRenderer.vue b/packages/ui/src/components/skin/SkinPreviewRenderer.vue
index 892762d9b..1f61fef56 100644
--- a/packages/ui/src/components/skin/SkinPreviewRenderer.vue
+++ b/packages/ui/src/components/skin/SkinPreviewRenderer.vue
@@ -3,7 +3,7 @@
     <div class="absolute bottom-[18%] left-1/2 transform -translate-x-1/2 text-primary px-3 py-1 rounded text-md pointer-events-none z-10">
       Drag to rotate
     </div>
-    <div class="absolute top-[10%] left-1/2 transform -translate-x-1/2 px-3 py-1 rounded-md text-[225%] pointer-events-none z-10 font-minecraft text-secondary bg-bg-raised shadow-md border">
+    <div v-if="nametag" class="absolute top-[10%] left-1/2 transform -translate-x-1/2 px-3 py-1 rounded-md text-[225%] pointer-events-none z-10 font-minecraft text-secondary bg-bg-raised shadow-md border">
       {{ nametag }}
     </div>