From 66d3f1b8a70a323034066e9d9a6dfacf6d518df3 Mon Sep 17 00:00:00 2001
From: Pinapelz <yukais@pinapelz.com>
Date: Wed, 20 Sep 2023 12:10:38 -0700
Subject: Add dynamic text for Discord widget on About page

---
 src/components/DiscordStatus.astro | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/DiscordStatus.astro b/src/components/DiscordStatus.astro
index 8365418..b40df15 100644
--- a/src/components/DiscordStatus.astro
+++ b/src/components/DiscordStatus.astro
@@ -13,11 +13,18 @@ const statusColors = {
   offline: "#747f8d",
 };
 
+const statusText = {
+  online: "Online",
+  idle: "Idle",
+  dnd: "Do Not Disturb",
+  offline: "Offline",
+}
+
 ---
 
 <section style={`background-color: ${statusColors[discordStatus]};`}>
     <img src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0a6ca814282eca7172c6_icon_clyde_white_RGB.svg"alt={`${discordUser.username}'s Avatar`} />
-    <h2>Status: {discordStatus}</h2>
+    <h2>Status: {statusText[discordStatus]}</h2>
 </section>
 <style>
     section {
-- 
cgit v1.2.3