modularcode
diff --git a/‎src/Auth/Auth.js renamed to ‎src/Auth/Auth.tsx
Lines changed: 10 additions & 4 deletions b/‎src/Auth/Auth.js renamed to ‎src/Auth/Auth.tsx
Lines changed: 10 additions & 4 deletions
diff --git a/‎src/Auth/Login/Login.js renamed to ‎src/Auth/Login/Login.tsx
Lines changed: 3 additions & 1 deletion b/‎src/Auth/Login/Login.js renamed to ‎src/Auth/Login/Login.tsx
Lines changed: 3 additions & 1 deletion
diff --git a/‎src/Auth/Login/index.js renamed to ‎src/Auth/Login/index.ts b/‎src/Auth/Login/index.js renamed to ‎src/Auth/Login/index.ts
diff --git a/‎src/Auth/Recover/Recover.js renamed to ‎src/Auth/Recover/Recover.tsx
Lines changed: 3 additions & 1 deletion b/‎src/Auth/Recover/Recover.js renamed to ‎src/Auth/Recover/Recover.tsx
Lines changed: 3 additions & 1 deletion
diff --git a/‎src/Auth/Recover/index.js renamed to ‎src/Auth/Recover/index.ts b/‎src/Auth/Recover/index.js renamed to ‎src/Auth/Recover/index.ts
diff --git a/‎src/Auth/Reset/Reset.js renamed to ‎src/Auth/Reset/Reset.tsx
Lines changed: 3 additions & 1 deletion b/‎src/Auth/Reset/Reset.js renamed to ‎src/Auth/Reset/Reset.tsx
Lines changed: 3 additions & 1 deletion
diff --git a/‎src/Auth/Reset/index.js renamed to ‎src/Auth/Reset/index.ts b/‎src/Auth/Reset/index.js renamed to ‎src/Auth/Reset/index.ts
diff --git a/‎src/Auth/Signup/Signup.js renamed to ‎src/Auth/Signup/Signup.tsx
Lines changed: 3 additions & 1 deletion b/‎src/Auth/Signup/Signup.js renamed to ‎src/Auth/Signup/Signup.tsx
Lines changed: 3 additions & 1 deletion
diff --git a/‎src/Auth/Signup/index.js renamed to ‎src/Auth/Signup/index.ts b/‎src/Auth/Signup/index.js renamed to ‎src/Auth/Signup/index.ts
diff --git a/‎src/Auth/_common/AuthContent/AuthContent.js renamed to ‎src/Auth/_common/AuthContent/AuthContent.tsx
Lines changed: 3 additions & 3 deletions b/‎src/Auth/_common/AuthContent/AuthContent.js renamed to ‎src/Auth/_common/AuthContent/AuthContent.tsx
Lines changed: 3 additions & 3 deletions
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Route, Redirect } from 'react-router-dom' //
+import { Route, Redirect, match as Match } from 'react-router-dom' //
 import { makeStyles } from '@material-ui/core/styles'
 
 import { Grid, Typography, Link, Box } from '@material-ui/core/'
@@ -10,7 +10,7 @@ import Signup from './Signup'
 import Recover from './Recover'
 import Reset from './Reset'
 
-function Footer() {
+const AuthFooter = () => {
   return (
     <Typography variant="body2" color="textSecondary" align="center">
       <Link color="inherit" component={RouterLink} to="/">
@@ -20,7 +20,11 @@ function Footer() {
   )
 }
 
-export default function Auth({ match }) {
+export type AuthProps = {
+  match: Match
+}
+
+const Auth: React.FC<AuthProps> = ({ match }) => {
   const classes = useStyles()
 
   return (
@@ -33,7 +37,7 @@ export default function Auth({ match }) {
           <Route path={`${match.path}/recover`} component={Recover} />
           <Route path={`${match.path}/reset`} component={Reset} />
           <Box mt={8}>
-            <Footer />
+            <AuthFooter />
           </Box>
         </Box>
       </Grid>
@@ -64,3 +68,5 @@ const useStyles = makeStyles((theme) => ({
     },
   },
 }))
+
+export default Auth
@@ -13,7 +13,7 @@ import { Link as RouterLink } from 'react-router-dom'
 import AuthHeader from '../_common/AuthHeader'
 import AuthContent from '../_common/AuthContent'
 
-export default function Login() {
+const Login: React.FC = () => {
   const classes = useStyles()
 
   return (
@@ -81,3 +81,5 @@ const useStyles = makeStyles((theme) => ({
     margin: theme.spacing(3, 0, 2),
   },
 }))
+
+export default Login
@@ -5,7 +5,7 @@ import { Link as RouterLink } from 'react-router-dom'
 import AuthContent from '../_common/AuthContent'
 import AuthHeader from '../_common/AuthHeader'
 
-export default function Login() {
+const Recover: React.FC = () => {
   const classes = useStyles()
 
   return (
@@ -58,3 +58,5 @@ const useStyles = makeStyles((theme) => ({
     margin: theme.spacing(3, 0, 2),
   },
 }))
+
+export default Recover
@@ -5,7 +5,7 @@ import { Link as RouterLink } from 'react-router-dom'
 import AuthContent from '../_common/AuthContent'
 import AuthHeader from '../_common/AuthHeader'
 
-export default function Login() {
+const Reset: React.FC = () => {
   const classes = useStyles()
 
   return (
@@ -67,3 +67,5 @@ const useStyles = makeStyles((theme) => ({
     margin: theme.spacing(3, 0, 2),
   },
 }))
+
+export default Reset
@@ -13,7 +13,7 @@ import { Link as RouterLink } from 'react-router-dom'
 import AuthContent from '../_common/AuthContent'
 import AuthHeader from '../_common/AuthHeader'
 
-export default function SignUp() {
+const Signup: React.FC = () => {
   const classes = useStyles()
 
   return (
@@ -116,3 +116,5 @@ const useStyles = makeStyles((theme) => ({
     margin: theme.spacing(3, 0, 2),
   },
 }))
+
+export default Signup
@@ -1,14 +1,14 @@
 import React from 'react'
 import { makeStyles } from '@material-ui/core'
 
-const AuthContent = (props) => {
+export type AuthContentProps = {}
+
+const AuthContent: React.FC<AuthContentProps> = (props) => {
   const classes = useStyles()
 
   return <div className={classes.paper}>{props.children}</div>
 }
 
-AuthContent.propTypes = {}
-
 const useStyles = makeStyles((theme) => ({
   paper: {
     display: 'flex',