diff options
| author | Pinapelz <yukais@pinapelz.com> | 2023-09-20 12:10:38 -0700 |
|---|---|---|
| committer | Pinapelz <yukais@pinapelz.com> | 2023-09-20 12:10:38 -0700 |
| commit | 66d3f1b8a70a323034066e9d9a6dfacf6d518df3 (patch) | |
| tree | 9205ed2a47bb0d6c2bcde8f3e0f5bc0344d58d49 | |
| parent | a9294d02e61c3f1b4aa566f56acfa64196f87e50 (diff) | |
Add dynamic text for Discord widget on About page
| -rw-r--r-- | src/components/DiscordStatus.astro | 9 |
1 files changed, 8 insertions, 1 deletions
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 { |