Merge branch 'master' of https://gitlab.chiefsoft.net/WrenchBoard/Users-Wrench into implement-reset-password-pages

src/components/Helpers/Inputs/InputCom/index.jsx

@@ -8,9 +8,11 @@ export default function InputCom({
   name,
   placeholder,
   iconName,
+  passIcon,
   inputHandler,
   value,
-  forgotPassword
+  forgotPassword,
+  onClick
 }) {
   return (
     <div className="input-com">
@@ -25,7 +27,7 @@ export default function InputCom({
       )}
       {forgotPassword && <Link to="/forgot-password" className="text-base text-[#4687ba] hover:text-[#009ef7]">Forgot Password?</Link>}
       </div>
-      <div className="input-wrapper border border-[#f5f8fa]] dark:border-[#5e6278] w-full rounded-[0.475rem] h-[58px] overflow-hidden relative font-medium leading-6 bg-clip-padding text-[#5e6278] dark:text-gray-100 bg-[#f5f8fa] dark:bg-[#5e6278] text-base ">
+      <div className="input-wrapper border border-[#f5f8fa]] dark:border-[#5e6278] w-full rounded-[0.475rem] h-[42px] overflow-hidden relative font-medium leading-6 bg-clip-padding text-[#5e6278] dark:text-gray-100 bg-[#f5f8fa] dark:bg-[#5e6278] text-base ">
         <input
           placeholder={placeholder}
           value={value}
@@ -33,13 +35,19 @@ export default function InputCom({
           className="input-field placeholder:text-base text-bese px-6 text-dark-gray dark:text-white w-full h-full bg-[#FAFAFA] dark:bg-[#11131F]  focus:ring-0 focus:outline-none"
           type={type}
           id={name}
+          name={name}
           required
         />
         {iconName && (
-          <div className="absolute right-6 bottom-[19px] z-10">
+          <div className="absolute right-6 bottom-[10px] z-10">
             <Icons name={iconName} />
           </div>
         )}
+        {passIcon && (
+          <div className="absolute right-6 bottom-[10px] z-10" onClick={onClick}>
+            <Icons name={passIcon} />
+          </div>
+        )}
       </div>
     </div>
   );