github.com/minio/console@v1.4.1/web-app/src/screens/Console/Users/PasswordSelector.tsx (about) 1 // This file is part of MinIO Console Server 2 // Copyright (c) 2022 MinIO, Inc. 3 // 4 // This program is free software: you can redistribute it and/or modify 5 // it under the terms of the GNU Affero General Public License as published by 6 // the Free Software Foundation, either version 3 of the License, or 7 // (at your option) any later version. 8 // 9 // This program is distributed in the hope that it will be useful, 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 // GNU Affero General Public License for more details. 13 // 14 // You should have received a copy of the GNU Affero General Public License 15 // along with this program. If not, see <http://www.gnu.org/licenses/>. 16 17 import React from "react"; 18 import { InputBox } from "mds"; 19 import { setSecretKey } from "./AddUsersSlice"; 20 import { useSelector } from "react-redux"; 21 import { AppState, useAppDispatch } from "../../../store"; 22 23 const PasswordSelector = () => { 24 const dispatch = useAppDispatch(); 25 const secretKey = useSelector( 26 (state: AppState) => state.createUser.secretKey, 27 ); 28 29 return ( 30 <InputBox 31 id="standard-multiline-static" 32 name="standard-multiline-static" 33 type="password" 34 label="Password" 35 value={secretKey} 36 onChange={(e: React.ChangeEvent<HTMLInputElement>) => { 37 dispatch(setSecretKey(e.target.value)); 38 }} 39 autoComplete="current-password" 40 /> 41 ); 42 }; 43 export default PasswordSelector;