creations/profilePage
1
2
Fork 3
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix missing av decoration, missed when moving to js
All checks were successful
Code quality checks / biome (push) Successful in 7s
Details

Browse source
This commit is contained in:
creations 2025-05-16 18:53:15 -04:00
parent bf52c02122
commit 9d6b9e40a7
Signed by: creations
GPG key ID: 8F553AA4320FC711
3 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
public/css/index.css
View file

@ -177,10 +177,10 @@ main {
.decoration { .decoration {
position: absolute; position: absolute;
top: -18px; top: -13px;
left: -18px; left: -16px;
width: 164px; width: 160px;
height: 164px; height: 160px;
pointer-events: none; pointer-events: none;
} }

14
public/js/index.js
View file

@ -535,6 +535,7 @@ async function updatePresence(initialData) {
const avatarWrapper = document.querySelector(".avatar-wrapper"); const avatarWrapper = document.querySelector(".avatar-wrapper");
const avatarImg = avatarWrapper?.querySelector(".avatar"); const avatarImg = avatarWrapper?.querySelector(".avatar");
const decorationImg = avatarWrapper?.querySelector(".decoration");
const usernameEl = document.querySelector(".username"); const usernameEl = document.querySelector(".username");
if (!data.discord_user) { 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) { if (usernameEl) {
const username = const username =
data.discord_user.global_name || data.discord_user.username; data.discord_user.global_name || data.discord_user.username;

1
src/views/index.html
View file

@ -40,6 +40,7 @@
<div class="avatar-status-wrapper"> <div class="avatar-status-wrapper">
<div class="avatar-wrapper"> <div class="avatar-wrapper">
<img class="avatar hidden"/> <img class="avatar hidden"/>
<img class="decoration hidden"/>
<div class="status-indicator offline hidden"></div> <div class="status-indicator offline hidden"></div>
</div> </div>
<div class="user-info"> <div class="user-info">