diff --git a/client/src/pages/login/components/AdminLogin.test.tsx b/client/src/pages/login/components/AdminLogin.test.tsx
index 3be87593f4e58698597d39fe6d3ac91a77ac133a..06d81259ae021696995c6454178cbe29dc5dec86 100644
--- a/client/src/pages/login/components/AdminLogin.test.tsx
+++ b/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}>
diff --git a/client/src/pages/login/components/AdminLogin.tsx b/client/src/pages/login/components/AdminLogin.tsx
index c33f338da69a6d2f0d1733a6d5bb777461cdefe4..e4c383bbf830ccc9d968d846d1cb2b0d77d13e2e 100644
--- a/client/src/pages/login/components/AdminLogin.tsx
+++ b/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) => (
diff --git a/client/src/pages/login/components/CompetitionLogin.test.tsx b/client/src/pages/login/components/CompetitionLogin.test.tsx
index 862880bc5006288dc76b022dc9ec171c607b13d5..5adbb7eb1f6ce179837d9f7ad3d319db47e4fd67 100644
--- a/client/src/pages/login/components/CompetitionLogin.test.tsx
+++ b/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}>