push

frontend/src/components/SendButton.vue

@@ -9,7 +9,8 @@
     @click="$emit('send')"
     @contextmenu.prevent="onRightClick"
   >
-    <svg width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true">
+    <span v-if="activeSkinChar" class="skin-char">{{ activeSkinChar }}</span>
+    <svg v-else width="18" height="18" viewBox="0 0 18 18" fill="none" aria-hidden="true">
       <polygon points="4,5 15,9 4,13 7,9" fill="currentColor" />
     </svg>
   </button>
@@ -27,6 +28,12 @@ defineEmits<{ send: [] }>();
 const { prefs } = useCustomStyles();
 const { myPerks } = useMyPerks();
 
+const activeSkinChar = computed(() => {
+  const skinId = prefs.sendSkin;
+  if (!skinId) return null;
+  return myPerks.value.sendSkins?.find((s) => s.id === skinId)?.char ?? null;
+});
+
 const btnStyle = computed(() => {
   const p = SEND_BUTTON_PRESETS[prefs.sendButton];
   return { background: p.bg, color: p.color, borderRadius: p.radius };
@@ -64,4 +71,5 @@ function onRightClick(e: MouseEvent): void {
 .send-btn:hover:not(:disabled) { filter: brightness(1.3); }
 .send-btn:active:not(:disabled) { filter: brightness(0.85); }
 .send-btn:disabled { opacity: 0.35; cursor: not-allowed; }
+.skin-char { font-size: 18px; line-height: 1; }
 </style>