From a772a75479f1f2a0661dca8288ea7558a15bf4d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Toprak=20Ko=C3=A7?= <hello@toprak.dev>
Date: Mon, 5 Feb 2024 15:31:23 +0300
Subject: [PATCH] Fix 5880: Password component unnecessary wrapper (#5881)

* Added empty message into tree

* Fix: Added TS Support to Doc Highlights

* Revert "Fix: Added TS Support to Doc Highlights"

This reverts commit 653a95985d4ee9027b151ffa4a468b402cf0649d.

* Fix: Removed unnecessary wrapper
---
 components/lib/password/Password.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/lib/password/Password.js b/components/lib/password/Password.js
index 618678c300..5c6d3d4e1b 100644
--- a/components/lib/password/Password.js
+++ b/components/lib/password/Password.js
@@ -279,15 +279,15 @@ export const Password = React.memo(
             const showIconProps = mergeProps(ptm('showIcon'));
 
             if (unmaskedState) {
-                icon = props.hideIcon || <EyeSlashIcon {...hideIconProps} />;
+                icon = props.hideIcon || <EyeSlashIcon {...hideIconProps} onClick={toggleMask} />;
             } else {
-                icon = props.showIcon || <EyeIcon {...showIconProps} />;
+                icon = props.showIcon || <EyeIcon {...showIconProps} onClick={toggleMask} />;
             }
 
             const eyeIcon = IconUtils.getJSXIcon(icon, unmaskedState ? { ...hideIconProps } : { ...showIconProps }, { props });
 
             if (props.toggleMask) {
-                let content = <i onClick={toggleMask}> {eyeIcon} </i>;
+                let content = eyeIcon;
 
                 if (props.icon) {
                     const defaultIconOptions = {