diff --git a/equipment/equipment.js b/equipment/equipment.js
index 25c882a..ea8e275 100644
--- a/equipment/equipment.js
+++ b/equipment/equipment.js
@@ -9,6 +9,55 @@ window.loadHeader(async function(headerContainer) {
         });
     }
 
+    const twitterBtn = document.getElementById('twitter-link-btn');
+    const twitterLabel = document.getElementById('twitter-label-img');
+
+    const handleTwitterAction = () => {
+        const isLinked = twitterBtn.dataset.linked === "true";
+        if (isLinked) {
+            if (!confirm("Unlink Twitter account?")) return;
+            fetch("/api/v1/me/twitter/unlink", { method: "POST", credentials: 'include' })
+                .then(() => window.location.reload());
+        } else {
+            twitterBtn.style.opacity = "0.5";
+            twitterBtn.style.pointerEvents = "none";
+            fetch("/api/v1/me/twitter/link", { credentials: 'include' })
+                .then(res => res.status === 401 ? (window.location.href = "/sign_in/") : res.json())
+                .then(data => data?.url ? (window.location.href = data.url) : window.location.reload())
+                .catch(() => window.location.reload());
+        }
+    };
+
+    if (twitterBtn) {
+        twitterBtn.addEventListener('click', handleTwitterAction);
+    }
+
+    const updateTwitterUI = () => {
+        if (!twitterBtn || !twitterLabel) return;
+        fetch("/api/v1/me/twitter/status", { credentials: 'include' })
+            .then(res => res.ok ? res.json() : null)
+            .then(data => {
+                if (data && data.is_linked) {
+                    twitterBtn.dataset.linked = "true";
+                    twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter_Cancel-34186e4e830964405f2528210d7278206d255bf40b69559babc36a7a041e0394.svg";
+                    twitterLabel.alt = "Unlink Twitter";
+                    twitterLabel.style.scale = "1.6";
+                    twitterLabel.style.marginLeft = "30px";
+                    twitterLabel.style.translate = "-10px -2px";
+                } else {
+                    twitterBtn.dataset.linked = "false";
+                    twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter-47ce083cc4514ab6aeb75b7dd9f71ce89ddc54a18d930d90cf4df62047413831.svg";
+                    twitterLabel.alt = "Link Twitter";
+                    twitterLabel.style.scale = "";
+                    twitterLabel.style.marginLeft = "";
+                    twitterLabel.style.translate = "";
+                }
+            })
+            .catch(() => {
+                twitterBtn.dataset.linked = "false";
+            });
+    };
+
     const extractMiiName = (miiDataB64) => {
         try {
             const binaryString = atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/'));
@@ -222,6 +271,7 @@ window.loadHeader(async function(headerContainer) {
                 </div>
             `;
         }
+        updateTwitterUI();
     };
 
     const init = async () => {
diff --git a/friend_list/friendlist.js b/friend_list/friendlist.js
index 3be28bd..19049ac 100644
--- a/friend_list/friendlist.js
+++ b/friend_list/friendlist.js
@@ -5,7 +5,6 @@ window.loadHeader(function(headerContainer) {
     }
 
     const logoutForm = document.getElementById("logout-form");
-    
     if (logoutForm) {
         logoutForm.action = "/api/v1/spfn/logout";
         const originInput = document.getElementById("logout_frontend_origin");
@@ -16,6 +15,30 @@ window.loadHeader(function(headerContainer) {
         });
     }
 
+    const twitterBtn = document.getElementById('twitter-link-btn');
+    const twitterLabel = document.getElementById('twitter-label-img');
+
+    const handleTwitterAction = () => {
+        const isLinked = twitterBtn.dataset.linked === "true";
+
+        if (isLinked) {
+            if (!confirm("Unlink Twitter account?")) return;
+            fetch("/api/v1/me/twitter/unlink", { method: "POST", credentials: 'include' })
+                .then(() => window.location.reload());
+        } else {
+            twitterBtn.style.opacity = "0.5";
+            twitterBtn.style.pointerEvents = "none";
+            fetch("/api/v1/me/twitter/link", { credentials: 'include' })
+                .then(res => res.status === 401 ? (window.location.href = "/sign_in/") : res.json())
+                .then(data => data?.url ? (window.location.href = data.url) : window.location.reload())
+                .catch(() => window.location.reload());
+        }
+    };
+
+    if (twitterBtn) {
+        twitterBtn.addEventListener('click', handleTwitterAction);
+    }
+
     const extractMiiName = (miiDataB64) => {
         try {
             const binaryString = atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/'));
@@ -42,6 +65,33 @@ window.loadHeader(function(headerContainer) {
         }
     };
 
+    const updateTwitterUI = () => {
+        if (!twitterBtn || !twitterLabel) return;
+        
+        //this is so shitty but it works so i dont care
+        fetch("/api/v1/me/twitter/status", { credentials: 'include' })
+            .then(res => res.ok ? res.json() : null)
+            .then(data => {
+                if (data && data.is_linked) {
+                    twitterBtn.dataset.linked = "true";
+                    twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter_Cancel-34186e4e830964405f2528210d7278206d255bf40b69559babc36a7a041e0394.svg";
+                    twitterLabel.alt = "Unlink Twitter";
+                    twitterLabel.style.scale = "1.6";
+                    twitterLabel.style.marginLeft = "30px";
+                    twitterLabel.style.translate = "-10px -2px";
+    } else {
+        twitterBtn.dataset.linked = "false";
+        twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter-47ce083cc4514ab6aeb75b7dd9f71ce89ddc54a18d930d90cf4df62047413831.svg";
+        twitterLabel.alt = "Link Twitter";
+        twitterLabel.style.height = "";
+        twitterLabel.style.transform = ""; 
+    }
+})
+            .catch(() => {
+                twitterBtn.dataset.linked = "false";
+            });
+    };
+
     const renderData = (data) => {
         if (typeof data === 'string') {
             try { data = JSON.parse(data); } catch (e) {}
@@ -59,19 +109,15 @@ window.loadHeader(function(headerContainer) {
             imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?data=${encodeURIComponent(miiBlob)}&type=face&width=270`;
             imgEl.style.display = 'block';
         }
+
+        updateTwitterUI();
     };
 
     const cached = sessionStorage.getItem('user_cache');
     if (cached) renderData(JSON.parse(cached));
 
     fetch("/api/v1/me", { credentials: 'include' })
-        .then(res => {
-            if (res.redirected) {
-                window.location.href = res.url;
-                return;
-            }
-            return res.ok ? res.json() : Promise.reject(res);
-        })
+        .then(res => res.redirected ? (window.location.href = res.url) : (res.ok ? res.json() : Promise.reject(res)))
         .then(data => {
             if (!data) return;
             sessionStorage.setItem('user_cache', JSON.stringify(data));
diff --git a/header.html b/header.html
index 8e4bedf..c7d88fc 100644
--- a/header.html
+++ b/header.html
@@ -61,9 +61,9 @@
         <span id="mii-name" class="profile-name-label">Loading...</span>
 
         <div class="button-container">
-            <button class="box-btn twitter-btn">
+            <button id="twitter-link-btn" class="box-btn twitter-btn">
                 <img src="../assets/en/svg/ui/ico_twitter-e7c60d7a77d2adc6a5ca9338e1c74d4a2378804fc979929a4fc9cad1127945f0.svg" alt="" class="btn-icon">
-                <img src="../assets/en/svg/text/menu/tx_twitter-47ce083cc4514ab6aeb75b7dd9f71ce89ddc54a18d930d90cf4df62047413831.svg" class="btn-label-img" alt="Unlink Twitter">
+                <img id="twitter-label-img" src="../assets/en/svg/text/menu/tx_twitter-47ce083cc4514ab6aeb75b7dd9f71ce89ddc54a18d930d90cf4df62047413831.svg" class="btn-label-img" alt="Twitter">
             </button>
 
             <form id="logout-form" method="POST" style="display: contents;" accept-charset="UTF-8">
diff --git a/ranking/rank.js b/ranking/rank.js
index 34b587a..9ce7a13 100644
--- a/ranking/rank.js
+++ b/ranking/rank.js
@@ -15,6 +15,57 @@ window.loadHeader(async function(headerContainer) {
         });
     }
 
+    const twitterBtn = document.getElementById('twitter-link-btn');
+    const twitterLabel = document.getElementById('twitter-label-img');
+
+    const handleTwitterAction = () => {
+        const isLinked = twitterBtn.dataset.linked === "true";
+
+        if (isLinked) {
+            if (!confirm("Unlink Twitter account?")) return;
+            fetch("/api/v1/me/twitter/unlink", { method: "POST", credentials: 'include' })
+                .then(() => window.location.reload());
+        } else {
+            twitterBtn.style.opacity = "0.5";
+            twitterBtn.style.pointerEvents = "none";
+            fetch("/api/v1/me/twitter/link", { credentials: 'include' })
+                .then(res => res.status === 401 ? (window.location.href = "/sign_in/") : res.json())
+                .then(data => data?.url ? (window.location.href = data.url) : window.location.reload())
+                .catch(() => window.location.reload());
+        }
+    };
+
+    if (twitterBtn) {
+        twitterBtn.addEventListener('click', handleTwitterAction);
+    }
+
+    const updateTwitterUI = () => {
+        if (!twitterBtn || !twitterLabel) return;
+        
+        fetch("/api/v1/me/twitter/status", { credentials: 'include' })
+            .then(res => res.ok ? res.json() : null)
+            .then(data => {
+                if (data && data.is_linked) {
+                    twitterBtn.dataset.linked = "true";
+                    twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter_Cancel-34186e4e830964405f2528210d7278206d255bf40b69559babc36a7a041e0394.svg";
+                    twitterLabel.alt = "Unlink Twitter";
+                    twitterLabel.style.scale = "1.6";
+                    twitterLabel.style.marginLeft = "30px";
+                    twitterLabel.style.translate = "-10px -2px";
+                } else {
+                    twitterBtn.dataset.linked = "false";
+                    twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter-47ce083cc4514ab6aeb75b7dd9f71ce89ddc54a18d930d90cf4df62047413831.svg";
+                    twitterLabel.alt = "Link Twitter";
+                    twitterLabel.style.scale = "";
+                    twitterLabel.style.marginLeft = "";
+                    twitterLabel.style.translate = "";
+                }
+            })
+            .catch(() => {
+                twitterBtn.dataset.linked = "false";
+            });
+    };
+
     const extractMiiName = (miiDataB64) => {
         try {
             const data = Uint8Array.from(atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/')), c => c.charCodeAt(0));
@@ -60,6 +111,8 @@ window.loadHeader(async function(headerContainer) {
             imgEl.src = getMiiRenderUrl(miiBlob);
             imgEl.style.display = 'block';
         }
+
+        updateTwitterUI();
     };
 
     const getRankIcon = (rank, mode) => {
diff --git a/stages/stages.js b/stages/stages.js
index 3f91643..80731a2 100644
--- a/stages/stages.js
+++ b/stages/stages.js
@@ -19,6 +19,55 @@ window.loadHeader(async function(headerContainer) {
         });
     }
 
+    const twitterBtn = document.getElementById('twitter-link-btn');
+    const twitterLabel = document.getElementById('twitter-label-img');
+
+    const handleTwitterAction = () => {
+        const isLinked = twitterBtn.dataset.linked === "true";
+        if (isLinked) {
+            if (!confirm("Unlink Twitter account?")) return;
+            fetch("/api/v1/me/twitter/unlink", { method: "POST", credentials: 'include' })
+                .then(() => window.location.reload());
+        } else {
+            twitterBtn.style.opacity = "0.5";
+            twitterBtn.style.pointerEvents = "none";
+            fetch("/api/v1/me/twitter/link", { credentials: 'include' })
+                .then(res => res.status === 401 ? (window.location.href = "/sign_in/") : res.json())
+                .then(data => data?.url ? (window.location.href = data.url) : window.location.reload())
+                .catch(() => window.location.reload());
+        }
+    };
+
+    if (twitterBtn) {
+        twitterBtn.addEventListener('click', handleTwitterAction);
+    }
+
+    const updateTwitterUI = () => {
+        if (!twitterBtn || !twitterLabel) return;
+        fetch("/api/v1/me/twitter/status", { credentials: 'include' })
+            .then(res => res.ok ? res.json() : null)
+            .then(data => {
+                if (data && data.is_linked) {
+                    twitterBtn.dataset.linked = "true";
+                    twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter_Cancel-34186e4e830964405f2528210d7278206d255bf40b69559babc36a7a041e0394.svg";
+                    twitterLabel.alt = "Unlink Twitter";
+                    twitterLabel.style.scale = "1.6";
+                    twitterLabel.style.marginLeft = "30px";
+                    twitterLabel.style.translate = "-10px -2px";
+                } else {
+                    twitterBtn.dataset.linked = "false";
+                    twitterLabel.src = "/assets/en/svg/text/menu/tx_twitter-47ce083cc4514ab6aeb75b7dd9f71ce89ddc54a18d930d90cf4df62047413831.svg";
+                    twitterLabel.alt = "Link Twitter";
+                    twitterLabel.style.scale = "";
+                    twitterLabel.style.marginLeft = "";
+                    twitterLabel.style.translate = "";
+                }
+            })
+            .catch(() => {
+                twitterBtn.dataset.linked = "false";
+            });
+    };
+
     const extractMiiName = (miiDataB64) => {
         try {
             const binaryString = atob(miiDataB64.replace(/-/g, '+').replace(/_/g, '/'));
@@ -63,6 +112,7 @@ window.loadHeader(async function(headerContainer) {
             imgEl.src = `https://mii-unsecure.ariankordi.net/miis/image.png?data=${encodeURIComponent(miiBlob)}&type=face&width=270`;
             imgEl.style.display = 'block';
         }
+        updateTwitterUI();
     };
 
     const init = async () => {