From 79c04713e1d0bc885d9a6144a6b613d63d59a512 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 19 Apr 2022 15:06:35 -0500
Subject: [PATCH] LoginForm: convert to tsx

---
 .../components/{login_form.js => login_form.tsx}  | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)
 rename app/soapbox/features/auth_login/components/{login_form.js => login_form.tsx} (89%)

diff --git a/app/soapbox/features/auth_login/components/login_form.js b/app/soapbox/features/auth_login/components/login_form.tsx
similarity index 89%
rename from app/soapbox/features/auth_login/components/login_form.js
rename to app/soapbox/features/auth_login/components/login_form.tsx
index 965473c25..2b94e843c 100644
--- a/app/soapbox/features/auth_login/components/login_form.js
+++ b/app/soapbox/features/auth_login/components/login_form.tsx
@@ -1,9 +1,8 @@
-import PropTypes from 'prop-types';
 import React from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 import { Link } from 'react-router-dom';
 
-import { Button, Form, FormActions, FormGroup, Input } from '../../../components/ui';
+import { Button, Form, FormActions, FormGroup, Input } from 'soapbox/components/ui';
 
 const messages = defineMessages({
   username: {
@@ -20,7 +19,12 @@ const messages = defineMessages({
   },
 });
 
-const LoginForm = ({ isLoading, handleSubmit }) => {
+interface ILoginForm {
+  isLoading: boolean,
+  handleSubmit: React.FormEventHandler,
+}
+
+const LoginForm: React.FC<ILoginForm> = ({ isLoading, handleSubmit }) => {
   const intl = useIntl();
 
   return (
@@ -82,9 +86,4 @@ const LoginForm = ({ isLoading, handleSubmit }) => {
   );
 };
 
-LoginForm.propTypes = {
-  isLoading: PropTypes.bool.isRequired,
-  handleSubmit: PropTypes.func.isRequired,
-};
-
 export default LoginForm;