From 11eef1a4f538f8ccbc9c701dc973d6a2fb2c810a Mon Sep 17 00:00:00 2001
From: ZickZenni <zickzenniyt@gmail.com>
Date: Fri, 6 Sep 2024 11:11:26 +0200
Subject: [PATCH] feat: user avatar decoration (#33)

---
 src/renderer/pages/Guild/Channel/Channel.css | 7 +++++++
 src/renderer/pages/Guild/Channel/index.tsx   | 9 +++++++++
 2 files changed, 16 insertions(+)

diff --git a/src/renderer/pages/Guild/Channel/Channel.css b/src/renderer/pages/Guild/Channel/Channel.css
index af85535..bad29f6 100644
--- a/src/renderer/pages/Guild/Channel/Channel.css
+++ b/src/renderer/pages/Guild/Channel/Channel.css
@@ -46,6 +46,7 @@
 }
 
 .channel_page__message_author {
+  position: relative;
   display: flex;
   height: 54px;
 }
@@ -57,6 +58,12 @@
   filter: drop-shadow(0px 3px 1px #00000077);
 }
 
+.channel_page__user_decoration {
+  aspect-ratio: 1/1;
+  height: 100%;
+  position: absolute;
+}
+
 .channel_page__message_wrapper {
   width: 100%;
   height: 100%;
diff --git a/src/renderer/pages/Guild/Channel/index.tsx b/src/renderer/pages/Guild/Channel/index.tsx
index 4d4719d..5727ea7 100644
--- a/src/renderer/pages/Guild/Channel/index.tsx
+++ b/src/renderer/pages/Guild/Channel/index.tsx
@@ -92,6 +92,15 @@ export default function ChannelPage() {
                     src={`https://cdn.discordapp.com/avatars/${message.author.id}/${message.author.avatar}.png`}
                     alt="Avatar Icon"
                   />
+                  {message.author.avatar_decoration_data && (
+                    <img
+                      className="channel_page__user_decoration"
+                      src={`https://cdn.discordapp.com/avatar-decoration-presets/${
+                        message.author.avatar_decoration_data.asset
+                      }.png`}
+                      alt="Avatar Decoration"
+                    />
+                  )}
                 </div>
                 <div className="channel_page__message_wrapper">
                   <div className="channel_page__message_author_info">