From 314ae6db1037c0e07027ee884588ff7b4157842f Mon Sep 17 00:00:00 2001
From: NiazMorshed2007 <niazmorshed2007@gmail.com>
Date: Wed, 12 Apr 2023 15:09:12 +0600
Subject: [PATCH 1/3] (feat): login page re-designed

---
 pages/api/auth/[...nextauth].js |  3 ++
 pages/auth/signin.js            | 63 +++++++++++++++++++++++++++++++++
 2 files changed, 66 insertions(+)
 create mode 100644 pages/auth/signin.js

diff --git a/pages/api/auth/[...nextauth].js b/pages/api/auth/[...nextauth].js
index def7d7540ad..5493efc64a7 100644
--- a/pages/api/auth/[...nextauth].js
+++ b/pages/api/auth/[...nextauth].js
@@ -46,6 +46,9 @@ export const authOptions = {
       return session;
     },
   },
+  pages: {
+    signIn: "/auth/signin",
+  }
 };
 
 export default NextAuth(authOptions);
diff --git a/pages/auth/signin.js b/pages/auth/signin.js
new file mode 100644
index 00000000000..cc92019de74
--- /dev/null
+++ b/pages/auth/signin.js
@@ -0,0 +1,63 @@
+import BlankLayout from "@components/layouts/BlankLayout"
+import { getServerSession } from "next-auth/next"
+import { getProviders, signIn } from "next-auth/react"
+import { authOptions } from "pages/api/auth/[...nextauth]"
+import { BsGithub } from "react-icons/bs"
+
+export default function SignIn({ providers }) {
+
+    const handleProviderIcon = (provider_name) => {
+        if (provider_name === "GitHub") {
+            return <BsGithub className="text-xl" />
+        }
+    }
+
+    return (
+        <div className="flex min-h-screen items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
+            <div className="w-full max-w-sm space-y-8">
+                <img
+                    className="mx-auto h-16 w-auto"
+                    src="/logo512.png"
+                    alt="Your Company"
+                />
+                <h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">
+                    <span className="text-secondary-high"> Connect to your audience </span>
+                    with a single link
+                </h2>
+                {Object.values(providers).map((provider) => (
+                    <button
+                        key={provider.name}
+                        onClick={() => signIn(provider.id)}
+                        className="group relative transition-all flex gap-4 items-center w-full justify-center rounded-md bg-primary-medium p-3 text-sm font-medium text-white hover:bg-primary-medium/60 outline-none"
+                    >
+                        {handleProviderIcon(provider.name)} Continue with {provider.name}
+                    </button>
+                ))}
+            </div>
+        </div>
+    )
+}
+
+SignIn.getLayout = function getLayout(page) {
+    return (
+        <BlankLayout>
+            {page}
+        </BlankLayout>
+    )
+}
+
+
+export async function getServerSideProps(context) {
+    const session = await getServerSession(context.req, context.res, authOptions);
+
+    // if the user is logged in redirect, (note: don't redirect to the same page otherwise it'll be in a infinite loop)
+    if (session) {
+        return { redirect: { destination: "/" } };
+    }
+
+    const providers = await getProviders();
+
+    return {
+        props: { providers: providers ?? [] },
+    }
+}
\ No newline at end of file

From a2f2d46852cf63238993dfe61b39004393dab160 Mon Sep 17 00:00:00 2001
From: NiazMorshed2007 <niazmorshed2007@gmail.com>
Date: Sat, 15 Apr 2023 13:23:47 +0600
Subject: [PATCH 2/3] proposed-changes

---
 pages/auth/signin.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/pages/auth/signin.js b/pages/auth/signin.js
index cc92019de74..42148f8e493 100644
--- a/pages/auth/signin.js
+++ b/pages/auth/signin.js
@@ -20,15 +20,15 @@ export default function SignIn({ providers }) {
                     src="/logo512.png"
                     alt="Your Company"
                 />
-                <h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-gray-900">
-                    <span className="text-secondary-high"> Connect to your audience </span>
+                <h2 className="mt-6 text-center text-3xl font-bold tracking-tight text-primary-medium">
+                    <span className="text-secondary-medium"> Connect to your audience </span>
                     with a single link
                 </h2>
                 {Object.values(providers).map((provider) => (
                     <button
                         key={provider.name}
                         onClick={() => signIn(provider.id)}
-                        className="group relative transition-all flex gap-4 items-center w-full justify-center rounded-md bg-primary-medium p-3 text-sm font-medium text-white hover:bg-primary-medium/60 outline-none"
+                        className="group relative transition-all flex gap-4 items-center w-full justify-center rounded-md bg-primary-medium p-3 text-sm font-medium text-primary-low hover:bg-primary-medium/90 dark:hover:bg-primary-medium/60 outline-none"
                     >
                         {handleProviderIcon(provider.name)} Continue with {provider.name}
                     </button>

From d0c9d3a39f620336ad24907e9a6ecf4f7d1d1883 Mon Sep 17 00:00:00 2001
From: NiazMorshed2007 <niazmorshed2007@gmail.com>
Date: Sat, 29 Apr 2023 22:45:38 +0600
Subject: [PATCH 3/3] (update): custom login page

---
 pages/auth/signin.js | 40 +++++++++++++++++++++++-----------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/pages/auth/signin.js b/pages/auth/signin.js
index 42148f8e493..60922fc8131 100644
--- a/pages/auth/signin.js
+++ b/pages/auth/signin.js
@@ -1,8 +1,27 @@
 import BlankLayout from "@components/layouts/BlankLayout"
 import { getServerSession } from "next-auth/next"
 import { getProviders, signIn } from "next-auth/react"
+import Image from "next/image"
 import { authOptions } from "pages/api/auth/[...nextauth]"
 import { BsGithub } from "react-icons/bs"
+import { AiOutlineLock } from "react-icons/ai"
+
+
+export async function getServerSideProps(context) {
+    const session = await getServerSession(context.req, context.res, authOptions);
+
+    // if the user is logged in redirect, (note: don't redirect to the same page otherwise it'll be in a infinite loop)
+    if (session) {
+        return { redirect: { destination: "/account/statistics" } };
+    }
+
+    const providers = await getProviders();
+
+    return {
+        props: { providers: providers ?? [] },
+    }
+}
+
 
 export default function SignIn({ providers }) {
 
@@ -10,12 +29,15 @@ export default function SignIn({ providers }) {
         if (provider_name === "GitHub") {
             return <BsGithub className="text-xl" />
         }
+        return <AiOutlineLock />
     }
 
     return (
         <div className="flex min-h-screen items-center justify-center px-4 py-12 sm:px-6 lg:px-8">
             <div className="w-full max-w-sm space-y-8">
-                <img
+                <Image
+                    width={50}
+                    height={50}
                     className="mx-auto h-16 w-auto"
                     src="/logo512.png"
                     alt="Your Company"
@@ -44,20 +66,4 @@ SignIn.getLayout = function getLayout(page) {
             {page}
         </BlankLayout>
     )
-}
-
-
-export async function getServerSideProps(context) {
-    const session = await getServerSession(context.req, context.res, authOptions);
-
-    // if the user is logged in redirect, (note: don't redirect to the same page otherwise it'll be in a infinite loop)
-    if (session) {
-        return { redirect: { destination: "/" } };
-    }
-
-    const providers = await getProviders();
-
-    return {
-        props: { providers: providers ?? [] },
-    }
 }
\ No newline at end of file