Migration PasswordInput to TypeScript

marmelab · Aug 14, 2019 · 2cde6c8 · 2cde6c8
1 parent 4ae3bdc
commit 2cde6c8
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/...-ui-materialui/src/input/PasswordInput.js → ...ui-materialui/src/input/PasswordInput.tsx b/...-ui-materialui/src/input/PasswordInput.js → ...ui-materialui/src/input/PasswordInput.tsx
@@ -1,6 +1,7 @@
-import React, { useState } from 'react';
+import React, { useState, FunctionComponent } from 'react';
 import PropTypes from 'prop-types';
-import { translate as withTranslation } from 'ra-core';
+import { InputProps, useTranslate } from 'ra-core';
+import { TextFieldProps } from '@material-ui/core/TextField';
 
 import IconButton from '@material-ui/core/IconButton';
 import InputAdornment from '@material-ui/core/InputAdornment';
@@ -9,7 +10,15 @@ import VisibilityOff from '@material-ui/icons/VisibilityOff';
 
 import TextInput from './TextInput';
 
-const PasswordInput = ({ translate, initiallyVisible, ...rest }) => {
+interface Props extends InputProps<TextFieldProps> {
+    initiallyVisible?: boolean;
+}
+
+const PasswordInput: FunctionComponent<Props> = ({
+    initiallyVisible,
+    ...rest
+}) => {
+    const translate = useTranslate();
     const [visible, setVisible] = useState(initiallyVisible);
 
     return (
@@ -35,12 +44,11 @@ const PasswordInput = ({ translate, initiallyVisible, ...rest }) => {
 };
 
 PasswordInput.propTypes = {
-    translate: PropTypes.func.isRequired,
     initiallyVisible: PropTypes.bool,
 };
 
 PasswordInput.defaultProps = {
     initiallyVisible: false,
 };
 
-export default withTranslation(PasswordInput);
+export default PasswordInput;