From c477b728e15312a61247ec00b02015b51b54c936 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Mon, 4 Nov 2024 21:26:38 +0600
Subject: [PATCH] web/about/community: add a link to bluesky

---
 web/i18n/en/about.json                       | 1 +
 web/src/components/about/AboutSupport.svelte | 5 +++++
 web/src/lib/env.ts                           | 2 +-
 web/src/routes/about/community/+page.svelte  | 6 +++++-
 4 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/i18n/en/about.json b/web/i18n/en/about.json
index 10d31ec2..72b7fe40 100644
--- a/web/i18n/en/about.json
+++ b/web/i18n/en/about.json
@@ -27,6 +27,7 @@
     "support.discord": "chat with the community and developers about cobalt or ask for help",
     "support.twitter": "follow cobalt's updates and development on your twitter timeline",
     "support.telegram": "stay up to date with latest cobalt updates via a telegram channel",
+    "support.bluesky": "follow cobalt's updates and development on your bluesky feed",
 
     "support.description.issue": "if you want to report a bug or some other recurring issue, please do it on github.",
     "support.description.help": "use discord for any other questions. describe the issue properly in #cobalt-support or else no one will be able help you.",
diff --git a/web/src/components/about/AboutSupport.svelte b/web/src/components/about/AboutSupport.svelte
index bdba8e85..5b0c319c 100644
--- a/web/src/components/about/AboutSupport.svelte
+++ b/web/src/components/about/AboutSupport.svelte
@@ -8,6 +8,7 @@
     import IconBrandTwitter from "@tabler/icons-svelte/IconBrandTwitter.svelte";
     import IconBrandDiscord from "@tabler/icons-svelte/IconBrandDiscord.svelte";
     import IconBrandTelegram from "@tabler/icons-svelte/IconBrandTelegram.svelte";
+    import IconBrandBluesky from "@tabler/icons-svelte/IconBrandBluesky.svelte";
 
     const platformIcons = {
         github: {
@@ -26,6 +27,10 @@
             icon: IconBrandTelegram,
             color: "#1c9efb",
         },
+        bluesky: {
+            icon: IconBrandBluesky,
+            color: "#0a78ff",
+        },
     };
 
     export let platform: keyof typeof platformIcons;
diff --git a/web/src/lib/env.ts b/web/src/lib/env.ts
index 53b93a34..34c0e800 100644
--- a/web/src/lib/env.ts
+++ b/web/src/lib/env.ts
@@ -20,7 +20,7 @@ const contacts = {
     discord: "https://discord.gg/pQPt8HBUPu",
     twitter: "https://x.com/justusecobalt",
     github: "https://github.com/imputnet/cobalt",
-    email: "support@cobalt.tools",
+    bluesky: "https://bsky.app/profile/cobalt.tools",
     telegram_ru: "https://t.me/justusecobalt_ru",
 }
 
diff --git a/web/src/routes/about/community/+page.svelte b/web/src/routes/about/community/+page.svelte
index f5c20bf4..c2219317 100644
--- a/web/src/routes/about/community/+page.svelte
+++ b/web/src/routes/about/community/+page.svelte
@@ -14,7 +14,7 @@
         id="support-buttons"
         bind:offsetWidth={buttonContainerWidth}
 
-        class:two={$locale === "ru"}
+        class="two"
         class:one={buttonContainerWidth < 500}
     >
         <AboutSupport
@@ -36,6 +36,10 @@
                 platform="twitter"
                 externalLink={contacts.twitter}
             />
+            <AboutSupport
+                platform="bluesky"
+                externalLink={contacts.bluesky}
+            />
         {/if}
     </div>