fix: mastodon link formatting

codeforboston · Feb 5, 2025 · 05400b2 · 05400b2
1 parent 89a315d
commit 05400b2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 2 deletions.
diff --git a/components/ProfilePage/SocialMediaIcons.tsx b/components/ProfilePage/SocialMediaIcons.tsx
@@ -64,7 +64,7 @@ export const SocialMediaIcons = ({
 
         {mastodon && (
           <Col>
-            <External plain href={`https://mastodon.org/${mastodon}`}>
+            <External plain href={`https://mastodon.social/@${mastodon}`}>
               <Image alt={t("socials.mastodon")} src="/mastodon.svg" />
             </External>
           </Col>

diff --git a/components/db/profile/profile.ts b/components/db/profile/profile.ts
@@ -67,7 +67,7 @@ export function useProfile() {
           instagram: false,
           fb: false,
           blueSky: false,
-          mastodon: false,
+          mastodon: false
         },
         updatingBillsFollowing: false,
         profile

diff --git a/components/db/profile/urlCleanup.ts b/components/db/profile/urlCleanup.ts
@@ -7,6 +7,15 @@ export function cleanSocialLinks(network: keyof SocialLinks, link: string) {
       const index: number = path.indexOf(".com/") + 5
       path = path.substring(index)
     }
+    if (
+      network === "mastodon" &&
+      path.substring(path.indexOf("@") + 1).charAt(0) === "@"
+    ) {
+      path.replace(
+        path.substring(path.indexOf("@") + 1),
+        path.substring(path.indexOf("@") + 2)
+      )
+    }
   }
 
   return path