Auth page

src/pages/Home/home.test.tsx

@@ -3,7 +3,7 @@ import MockDate from 'mockdate'
 import '@testing-library/jest-dom';
 import { fireEvent, render, screen } from '@testing-library/react';
 
-import Home from '.';
+import Home from './index';
 
 import { UserContext } from '../../contexts/User';
 import { FrequencyContext } from '../../contexts/Frequency';

src/pages/auth/components/Container.tsx

@@ -35,6 +35,8 @@ const Wrapper = styled.div`
   width: 90%;
   max-width: 400px;
   align-items: center;
+  min-height: 100vh;
+  justify-content: center;
 `;
 
 const Logo = styled.img`

src/pages/auth/components/EmailSignIn.tsx → src/pages/auth/components/email-signin.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SignInBtn from "./SignInBtn";
+import SignInBtn from "./signin-btn";
 
 const EmailSignIn = (props: any) => {
   return <SignInBtn text="Sign in with Email" icon="@" {...props} />;

src/pages/auth/components/GoogleSignIn.tsx → src/pages/auth/components/google-signin.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import SignInBtn from "./SignInBtn";
+import SignInBtn from "./signin-btn";
 
 
 const GoogleSignIn = (props: any) => {

src/pages/auth/components/index.ts

@@ -1,6 +1,6 @@
-export { default as Container } from "./Container";
-export { default as Form } from "./Form";
-export { default as H2 } from "./H2";
-export { default as H4 } from "./H4";
-export { default as GoogleSignIn } from './GoogleSignIn';
-export { default as EmailSignIn } from './EmailSignIn';
+export { default as Form } from "./form";
+export { default as H2 } from "./h2";
+export { default as H4 } from "./h4";
+export { default as GoogleSignIn } from './google-signin';
+export { default as EmailSignIn } from './email-signin';
+export { default as Container } from "./container";

src/pages/auth/components/SignInBtn.tsx → src/pages/auth/components/signin-btn.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Text } from "../../../components";
 import { Colors } from "../../../config";
 import styled from "styled-components";
-import H2 from "./H2";
+import H2 from "./h2";
 
 
 export interface SignInBtnProps {

src/pages/auth/components/Login/index.tsx → src/pages/auth/login/index.tsx

@@ -1,19 +1,19 @@
 import * as React from "react";
 import * as Yup from "yup";
 import { useFormik } from "formik";
-import { Input, Button, Spacing } from "../../../../components";
+import { Input, Button, Spacing } from "../../../components";
 import {
   Container,
   Form,
   H4,
   GoogleSignIn,
   EmailSignIn,
-} from "..";
-import { AuthContext, LoginDetails } from "../../../../contexts/Auth";
+} from "../components";
+import { AuthContext, LoginDetails } from "../../../contexts/Auth";
 import { useNavigate } from "react-router-dom";
 import { useGoogleLogin } from '@react-oauth/google';
 import styled from "styled-components";
-import { Colors } from "../../../../config";
+import { Colors } from "../../../config";
 
 const CreateNewAccountBtn = styled(Button) <{ transparent: boolean }>`
   margin-top: 10px;

src/pages/auth/components/Login/login.test.tsx → src/pages/auth/login/login.test.tsx

@@ -1,4 +1,4 @@
-import Login from '.';
+import Login from './index'
 import { fireEvent, render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom'
 import * as React from 'react';

src/pages/index.tsx

@@ -7,9 +7,9 @@ import { SettingsProvider } from "../contexts/Settings";
 
 import { Layout } from "../components";
 
-import Home from "./Home";
+import Home from "./home";
 
-import Login from "./auth/components/Login";
+import Login from "./auth/login";
 import SignUp from "./auth/sign-up";
 import ForgotPassword from "./auth/forgot-password";
 import ChangePassword from "./auth/change-password";