refactor

AykutSarac · Oct 3, 2023 · 482de39 · 482de39
1 parent 0091a25
commit 482de39
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 13 deletions.
diff --git a/src/pages/forgot-password.tsx b/src/pages/forgot-password.tsx
@@ -3,8 +3,7 @@ import Head from "next/head";
 import Link from "next/link";
 import { Button, Group, Paper, Stack, TextInput, Text, Anchor } from "@mantine/core";
 import { toast } from "react-hot-toast";
-import { Footer } from "src/layout/Footer";
-import { Navbar } from "src/layout/Navbar";
+import Layout from "src/layout/Layout";
 import { supabase } from "src/lib/api/supabase";
 
 const ForgotPassword = () => {
@@ -25,12 +24,11 @@ const ForgotPassword = () => {
   };
 
   return (
-    <div>
+    <Layout>
       <Head>
         <title>Reset Password - JSON Crack</title>
         <meta name="robots" content="noindex,nofollow" />
       </Head>
-      <Navbar />
       <Paper mx="auto" mt={70} maw={400} p="lg" withBorder>
         <Text size="lg" weight={500}>
           Reset Password
@@ -65,8 +63,7 @@ const ForgotPassword = () => {
           )}
         </Paper>
       </Paper>
-      <Footer />
-    </div>
+    </Layout>
   );
 };
 

diff --git a/src/pages/sign-in.tsx b/src/pages/sign-in.tsx
@@ -18,8 +18,7 @@ import {
 import { useSession } from "@supabase/auth-helpers-react";
 import { toast } from "react-hot-toast";
 import { AiOutlineGithub, AiOutlineGoogle } from "react-icons/ai";
-import { Footer } from "src/layout/Footer";
-import { Navbar } from "src/layout/Navbar";
+import Layout from "src/layout/Layout";
 import { supabase } from "src/lib/api/supabase";
 import useUser from "src/store/useUser";
 
@@ -60,6 +59,7 @@ export function AuthenticationForm(props: PaperProps) {
       <form onSubmit={onSubmit}>
         <Stack>
           <TextInput
+            name="email"
             required
             label="Email"
             placeholder="[email protected]"
@@ -69,6 +69,7 @@ export function AuthenticationForm(props: PaperProps) {
           />
 
           <PasswordInput
+            name="password"
             required
             label="Password"
             placeholder="∗∗∗∗∗∗∗∗∗∗∗"
@@ -190,11 +191,10 @@ const SignIn = () => {
   }, [isReady, session, push, isPasswordReset]);
 
   return (
-    <div>
+    <Layout>
       <Head>
         <title>Sign In - JSON Crack</title>
       </Head>
-      <Navbar />
       <Paper mt={50} shadow="xs" mx="auto" maw={400} p="lg" withBorder>
         {isPasswordReset ? <ResetPassword /> : <AuthenticationForm />}
       </Paper>
@@ -203,9 +203,7 @@ const SignIn = () => {
           Don&apos;t have an account?
         </Anchor>
       </Center>
-
-      <Footer />
-    </div>
+    </Layout>
   );
 };