Add ability to show password house

GladysAssistant · Oct 23, 2023 · 41c1241 · 41c1241
1 parent fd83f7d
commit 41c1241
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/front/src/components/house/EditHouse.jsx b/front/src/components/house/EditHouse.jsx
@@ -115,11 +115,11 @@ const EditHouse = ({ children, ...props }) => (
                 onInput={props.updateHouseAlarmCode}
               />
             </Localizer>
-            <span class="input-icon-addon cursor-pointer" onClick={props.togglePassword}>
+            <span class="input-icon-addon cursor-pointer" onClick={props.toggleAlarmCodePassword}>
               <i
                 class={cx('fe', {
-                  'fe-eye': !props.showPassword,
-                  'fe-eye-off': props.showPassword
+                  'fe-eye': !props.showAlarmCode,
+                  'fe-eye-off': props.showAlarmCode
                 })}
               />
             </span>

diff --git a/front/src/components/house/EditHouseComponent.jsx b/front/src/components/house/EditHouseComponent.jsx
@@ -63,15 +63,21 @@ class EditHouseComponent extends Component {
       this.addRoom();
     }
   };
+  toggleAlarmCodePassword = () => {
+    this.setState(prevState => {
+      return { ...prevState, showAlarmCode: !this.state.showAlarmCode };
+    });
+  };
   constructor(props) {
     super(props);
     this.props = props;
     this.state = {
-      newRoomName: ''
+      newRoomName: '',
+      showAlarmCode: false
     };
   }
 
-  render(props, { newRoomName, wantToDeleteHouse, loading }) {
+  render(props, { newRoomName, wantToDeleteHouse, loading, showAlarmCode }) {
     return (
       <EditHouse
         {...props}
@@ -90,6 +96,8 @@ class EditHouseComponent extends Component {
         deleteHouse={this.deleteHouse}
         confirmDeleteHouse={this.confirmDeleteHouse}
         cancelDeleteHouse={this.cancelDeleteHouse}
+        toggleAlarmCodePassword={this.toggleAlarmCodePassword}
+        showAlarmCode={showAlarmCode}
         loading={loading}
       />
     );