Merge branch 'main' of https://git.alekswilc.dev/alekswilc/wilczynski.me

src/components/Whoami.tsx

@@ -2,6 +2,12 @@ import { useTranslation } from 'react-i18next'
 import { useLanyardWS } from 'use-lanyard';
 // import data from '../data.ts';
 
+const colors = {
+    online: 'text-green-600',
+    idle: 'text-yellow-500',
+    dnd: 'text-red-500',
+    offline: 'text-gray-500',
+}
 
 export const Whoami = () => {
     const { t } = useTranslation();
@@ -27,13 +33,12 @@ export const Whoami = () => {
                     <img src="https://www.alekswilc.dev/avatar.jpg" alt="avatar" className='max-w-42 rounded-xl' />
                 </div>
                  <div className='flex flex-col justify-center'>
-                    <h1 className='text-xl font-bold'>{data.discord_user.global_name} - Discord Profile</h1>
+                    <h1 className='text-xl font-bold'>{data.discord_user.global_name} - <span className={colors[data.discord_status]}>{t(`landing.discord.status.${data.discord_status}`)}</span></h1>
 
                     <div className="flex flex-col justify-center">
-                        {
-                            customStatus &&
-                            <p className='font-extralight text-gray-300'>{customStatus.state}</p>
-                        }
+
+                        { customStatus && <p className='font-extralight text-zinc-300'>{customStatus.state}</p> }
+                        
                         {
                             data.spotify &&
                             <>

src/i18n/en.json

@@ -41,7 +41,13 @@
             "profile": "Discord Profile",
             "listening": "Listening to:",
             "song": "{{song}} by {{artist}}",
-            "playing": "Playing {{app}}"
+            "playing": "Playing {{app}}",
+            "status": {
+                "online": "Online",
+                "idle": "Idle",
+                "dnd": "Do not disturb",
+                "offline": "Offline"
+            }
         }
     }
 }

src/i18n/pl.json

@@ -41,7 +41,13 @@
             "profile": "Profil Discord",
             "listening": "Słucham:",
             "song": "{{song}} od {{artist}}",
-            "playing": "Gram w {{app}}"
+            "playing": "Gram w {{app}}",
+            "status": {
+                "online": "Online",
+                "idle": "Zaraz wracam",
+                "dnd": "Nie przeszkadzać",
+                "offline": "Offline"
+            }
         }
     }
 }