fix twitter links

Author: Olowodarey

backend/src/users/users.service.ts

@@ -66,6 +66,8 @@ export class UsersService {
       });
     }
 
+    const previousHandle = user.twitterHandle;
+
     // Update Twitter data
     user.twitterHandle = twitterHandle;
     user.twitterId = twitterId;
@@ -74,7 +76,11 @@ export class UsersService {
 
     await this.userRepository.save(user);
 
-    this.logger.log(`Linked Twitter @${twitterHandle} to ${address}`);
+    if (previousHandle && previousHandle !== twitterHandle) {
+      this.logger.log(`Refreshed Twitter handle for ${address}: @${previousHandle} → @${twitterHandle}`);
+    } else {
+      this.logger.log(`Linked Twitter @${twitterHandle} to ${address}`);
+    }
 
     return {
       address: user.address,

frontend/app/profile/page.tsx

@@ -5,7 +5,7 @@ import { useWallet } from "@/contexts/WalletContext";
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
 import UnifiedBackground from "@/components/UnifiedBackground";
-import { Twitter, CheckCircle, XCircle, Shield } from "lucide-react";
+import { Twitter, CheckCircle, XCircle, Shield, RefreshCw } from "lucide-react";
 import {
   generateCodeVerifier,
   generateCodeChallenge,
@@ -466,6 +466,20 @@ export default function ProfilePage() {
                 </p>
               </div>
 
+              <button
+                onClick={handleLinkTwitter}
+                disabled={linking}
+                className="w-full py-3 px-4 bg-blue-500/20 hover:bg-blue-500/30 border border-blue-500/50 text-blue-400 font-semibold rounded-xl transition disabled:opacity-50 flex items-center justify-center gap-2"
+              >
+                <RefreshCw className={`w-4 h-4 ${linking ? "animate-spin" : ""}`} />
+                {linking ? "Refreshing..." : "Refresh Twitter Info"}
+              </button>
+
+              <p className="text-gray-500 text-xs text-center -mt-2">
+                Changed your Twitter username or photo? Refresh to update it
+                here.
+              </p>
+
               <button
                 onClick={handleUnlinkTwitter}
                 disabled={linking}