From 037acd95c76c78303dae5846d5782551a30cf8b1 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Sun, 8 Mar 2026 00:39:05 +0530
Subject: [PATCH] fix: Correct eye icon display logic for password and contact
 information visibility toggles.

---
 src/components/profile/ContactInfo.tsx           | 4 ++--
 src/components/settings/PasswordSecurityForm.tsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/profile/ContactInfo.tsx b/src/components/profile/ContactInfo.tsx
index 40a00b8..1a4ba03 100644
--- a/src/components/profile/ContactInfo.tsx
+++ b/src/components/profile/ContactInfo.tsx
@@ -39,7 +39,7 @@ export function ContactInfo({ email, phone }: ContactInfoProps) {
           onClick={() => setShowEmail(!showEmail)}
         >
           <Image
-            src={showEmail ? "/assets/icons/eye-off-icon.svg" : "/assets/icons/eye-icon.svg"}
+            src={showEmail ? "/assets/icons/eye-icon.svg" : "/assets/icons/eye-off-icon.svg"}
             alt={showEmail ? "Hide email" : "Show email"}
             width={16}
             height={16}
@@ -56,7 +56,7 @@ export function ContactInfo({ email, phone }: ContactInfoProps) {
           onClick={() => setShowPhone(!showPhone)}
         >
           <Image
-            src={showPhone ? "/assets/icons/eye-off-icon.svg" : "/assets/icons/eye-icon.svg"}
+            src={showPhone ? "/assets/icons/eye-icon.svg" : "/assets/icons/eye-off-icon.svg"}
             alt={showPhone ? "Hide phone" : "Show phone"}
             width={16}
             height={16}
diff --git a/src/components/settings/PasswordSecurityForm.tsx b/src/components/settings/PasswordSecurityForm.tsx
index ad5e09e..c248c2b 100644
--- a/src/components/settings/PasswordSecurityForm.tsx
+++ b/src/components/settings/PasswordSecurityForm.tsx
@@ -148,7 +148,7 @@ export function PasswordSecurityForm({ onSave }: PasswordSecurityFormProps) {
                 className="absolute right-4 top-1/2 -translate-y-1/2 text-[#00293D]/50 hover:text-[#00293D] cursor-pointer"
               >
                 <Image
-                  src={showPasswords.current ? '/assets/icons/eye-off-icon.svg' : '/assets/icons/eye-icon.svg'}
+                  src={showPasswords.current ? '/assets/icons/eye-icon.svg' : '/assets/icons/eye-off-icon.svg'}
                   alt={showPasswords.current ? 'Hide password' : 'Show password'}
                   width={20}
                   height={20}
@@ -176,7 +176,7 @@ export function PasswordSecurityForm({ onSave }: PasswordSecurityFormProps) {
                 className="absolute right-4 top-1/2 -translate-y-1/2 text-[#00293D]/50 hover:text-[#00293D] cursor-pointer"
               >
                 <Image
-                  src={showPasswords.new ? '/assets/icons/eye-off-icon.svg' : '/assets/icons/eye-icon.svg'}
+                  src={showPasswords.new ? '/assets/icons/eye-icon.svg' : '/assets/icons/eye-off-icon.svg'}
                   alt={showPasswords.new ? 'Hide password' : 'Show password'}
                   width={20}
                   height={20}
@@ -207,7 +207,7 @@ export function PasswordSecurityForm({ onSave }: PasswordSecurityFormProps) {
                 className="absolute right-4 top-1/2 -translate-y-1/2 text-[#00293D]/50 hover:text-[#00293D] cursor-pointer"
               >
                 <Image
-                  src={showPasswords.confirm ? '/assets/icons/eye-off-icon.svg' : '/assets/icons/eye-icon.svg'}
+                  src={showPasswords.confirm ? '/assets/icons/eye-icon.svg' : '/assets/icons/eye-off-icon.svg'}
                   alt={showPasswords.confirm ? 'Hide password' : 'Show password'}
                   width={20}
                   height={20}