toggle show/hide password icon according to behaviour

IMS-IIITH · Jul 3, 2024 · abef913 · abef913
1 parent 7a7ef0c
commit abef913
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/assets/icons/show.png b/src/assets/icons/show.png
diff --git a/src/screens/Login/components/Credentials.tsx b/src/screens/Login/components/Credentials.tsx
@@ -17,6 +17,12 @@ function Credentials({
   togglePasswordView,
   displayPassword
 }: CredentialsProps) {
+
+  const passwordIcon = displayPassword
+  ? require("../../../assets/icons/show.png")
+  : require("../../../assets/icons/hide.png");
+
+
   return (
     <SafeAreaView>
       <View>
@@ -53,7 +59,7 @@ function Credentials({
         </Text>
       </View>
       <View style={{ display: "flex", flexDirection: "row" }}>
-        <TextInput
+         <TextInput
           style={{
             ...global.input,
             color: "#000000",
@@ -68,7 +74,7 @@ function Credentials({
         />
         <TouchableOpacity onPress={togglePasswordView}>
           <Image
-            source={require("../../../assets/icons/hide.png")}
+            source={passwordIcon}
             style={{
               height: 30,
               width: 35,