fix: Correct eye icon display logic for password and contact information visibility toggles.
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user