Add comments

client/src/pages/login/components/AdminLogin.test.tsx

@@ -4,6 +4,8 @@ import { Provider } from 'react-redux'
 import store from '../../../store'
 import AdminLogin from './AdminLogin'
 
+/** Test AdminLogin */
+
 it('renders admin login', () => {
   render(
     <Provider store={store}>

client/src/pages/login/components/AdminLogin.tsx

@@ -20,6 +20,7 @@ interface formError {
   message: string
 }
 
+/** Form logic with some requirements and constraints */
 const accountSchema: Yup.SchemaOf<AccountLoginFormModel> = Yup.object({
   model: Yup.object()
     .shape({
@@ -42,6 +43,8 @@ const AdminLogin: React.FC = () => {
     }
     setLoading(UILoading)
   }, [UIErrors, UILoading])
+
+  /** dispatch with the entered values */
   const handleAccountSubmit = (values: AccountLoginFormModel, actions: FormikHelpers<AccountLoginFormModel>) => {
     dispatch(loginUser(values.model, history))
   }
@@ -50,6 +53,8 @@ const AdminLogin: React.FC = () => {
   const accountInitialValues: AccountLoginFormModel = {
     model: { email: '', password: '' },
   }
+
+  /** Render the form */
   return (
     <Formik initialValues={accountInitialValues} validationSchema={accountSchema} onSubmit={handleAccountSubmit}>
       {(formik) => (

client/src/pages/login/components/CompetitionLogin.test.tsx

@@ -4,6 +4,8 @@ import { Provider } from 'react-redux'
 import store from '../../../store'
 import CompetitionLogin from './CompetitionLogin'
 
+/** Test CompetitionLogin */
+
 it('renders competition login', () => {
   render(
     <Provider store={store}>