From 9d6b9e40a7d245825e692cd9018477e270f53842 Mon Sep 17 00:00:00 2001
From: creations <creations@creations.works>
Date: Fri, 16 May 2025 18:53:15 -0400
Subject: [PATCH] fix missing av decoration, missed when moving to js
---
public/css/index.css | 8 ++++----
public/js/index.js | 14 ++++++++++++++
src/views/index.html | 1 +
3 files changed, 19 insertions(+), 4 deletions(-)
diff --git a/public/css/index.css b/public/css/index.css
index b8df88e..157f884 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -177,10 +177,10 @@ main {
.decoration {
position: absolute;
- top: -18px;
- left: -18px;
- width: 164px;
- height: 164px;
+ top: -13px;
+ left: -16px;
+ width: 160px;
+ height: 160px;
pointer-events: none;
}
diff --git a/public/js/index.js b/public/js/index.js
index 3ff4eb8..bb2a3e1 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -535,6 +535,7 @@ async function updatePresence(initialData) {
const avatarWrapper = document.querySelector(".avatar-wrapper");
const avatarImg = avatarWrapper?.querySelector(".avatar");
+ const decorationImg = avatarWrapper?.querySelector(".decoration");
const usernameEl = document.querySelector(".username");
if (!data.discord_user) {
@@ -566,6 +567,19 @@ async function updatePresence(initialData) {
}
}
+ if (
+ decorationImg &&
+ data.discord_user?.avatar_decoration_data &&
+ data.discord_user.avatar_decoration_data.asset
+ ) {
+ const newDecorationUrl = `https://cdn.discordapp.com/avatar-decoration-presets/${data.discord_user.avatar_decoration_data.asset}`;
+ decorationImg.src = newDecorationUrl;
+ decorationImg.classList.remove("hidden");
+ } else if (decorationImg) {
+ decorationImg.src = "";
+ decorationImg.classList.add("hidden");
+ }
+
if (usernameEl) {
const username =
data.discord_user.global_name || data.discord_user.username;
diff --git a/src/views/index.html b/src/views/index.html
index 79ec446..d92aaa8 100644
--- a/src/views/index.html
+++ b/src/views/index.html
@@ -40,6 +40,7 @@
<div class="avatar-status-wrapper">
<div class="avatar-wrapper">
<img class="avatar hidden"/>
+ <img class="decoration hidden"/>
<div class="status-indicator offline hidden"></div>
</div>
<div class="user-info">