From f4dca08d0fbba431ace95e6c2790b0c6a2b90156 Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Thu, 12 Sep 2024 19:15:12 +0530
Subject: [PATCH] =?UTF-8?q?password=20field=20update=20=F0=9F=8E=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Pages/Onboarding/WelcomeToOptifii.jsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/Pages/Onboarding/WelcomeToOptifii.jsx b/src/Pages/Onboarding/WelcomeToOptifii.jsx
index 932f521..4eb4a9d 100644
--- a/src/Pages/Onboarding/WelcomeToOptifii.jsx
+++ b/src/Pages/Onboarding/WelcomeToOptifii.jsx
@@ -1,11 +1,12 @@
-import React from 'react'
+import React, { useState } from 'react'
 import WelcomeFrame from './WelcomeFrame'
 import { Box, Grid, GridItem, Input, FormControl, FormLabel, InputGroup, InputRightElement, Button, Text, Checkbox, HStack, Link, UnorderedList, ListItem, Container } from '@chakra-ui/react';
 import { FaEye, FaEyeSlash } from 'react-icons/fa';
 import PrimaryButton from '../../Components/Buttons/PrimaryButton'
 
 const WelcomeToOptifii = () => {
-    const [showPassword, setShowPassword] = React.useState(false);
+    const [showPassword, setShowPassword] = useState(false);
+    const [showConfirmPassword, setShowConfirmPassword] = useState(false);
     const handlePasswordVisibility = () => setShowPassword(!showPassword);
 
     return (
@@ -196,7 +197,7 @@ const WelcomeToOptifii = () => {
                                                 fontSize="xs"
                                                 fontWeight={500}
                                                 pr="4.5rem"
-                                                type={showPassword ? 'text' : 'password'}
+                                                type={showConfirmPassword ? 'text' : 'password'}
                                                 placeholder="Confirm password"
                                             />
                                             <InputRightElement width="4.5rem">
@@ -206,8 +207,8 @@ const WelcomeToOptifii = () => {
                                                     bg={"transparent"}
                                                     _hover={{ opacity: 0.7 }}
 
-                                                    onClick={handlePasswordVisibility}>
-                                                    {showPassword ? <FaEyeSlash /> : <FaEye />}
+                                                    onClick={()=>setShowConfirmPassword(!showConfirmPassword)}>
+                                                    {showConfirmPassword ? <FaEyeSlash /> : <FaEye />}
                                                 </Button>
                                             </InputRightElement>
                                         </InputGroup>