From 3cd13deb7c5b17345c8dadfb18c4105a6abe9f44 Mon Sep 17 00:00:00 2001
From: Saurabh Kumar Bajpai <saurabhkumarbajpaiai@Saurabhs-MacBook-Air.local>
Date: Wed, 17 Jun 2026 13:10:26 +0530
Subject: [PATCH] feat: add confirmation dialog before unfollowing (#553)

Show a browser confirm prompt before unfollowing to prevent
accidental unfollows. Only prompts for unfollow, not follow.
---
 src/pages/Friends.jsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/Friends.jsx b/src/pages/Friends.jsx
index 1dca192..68954e6 100644
--- a/src/pages/Friends.jsx
+++ b/src/pages/Friends.jsx
@@ -152,7 +152,11 @@ export const Friends = () => {
 
   const handleToggleFollow = async (developerId) => {
     const isFollowing = followingIds.includes(developerId);
-    // Directly mutate Firebase. The onSnapshot listener will automatically update the UI!
+    if (isFollowing) {
+      const dev = developers.find(d => d.id === developerId);
+      const username = dev?.username || dev?.displayName || "this user";
+      if (!window.confirm(`Are you sure you want to unfollow @${username}?`)) return;
+    }
     await toggleFollowStatus(currentUser.uid, developerId, isFollowing);
   };